@charset "utf-8"; @import url(common.css); @font-face { font-family: 'AvangardNormal'; src: url('font/Avangard-Normal.eot'); src: url('../fonts/avangard-normal.eot') format('embedded-opentype'), url('../fonts/avangard-normal.woff2') format('woff2'), url('../fonts/avangard-normal.woff') format('woff'), url('../fonts/avangard-normal.ttf') format('truetype'), url('../fonts/avangard-normal.svg#avangard-normal') format('svg'); font-weight: normal; font-style: normal; } @-webkit-keyframes avia_pop { 0% { -webkit-transform:scale(0.8); transform:scale(0.8); } 100% { -webkit-transform:scale(1);transform:scale(1); } } @keyframes avia_pop { 0% {-webkit-transform:scale(0.8); transform:scale(0.8); } 100% {-webkit-transform:scale(1); transform:scale(1); } } @-webkit-keyframes fadeHeaderInDown { 0% {opacity: 0;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0); } 100% {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); } } @-moz-keyframes fadeHeaderInDown { 0% {opacity: 0;-moz-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0); } 100% {opacity: 1;-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0); } } @-o-keyframes fadeHeaderInDown { 0% {opacity: 0;-o-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0); } 100% {opacity: 1;-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0); } } @keyframes fadeHeaderInDown { 0% {opacity: 0; transform: translate3d(0,-100%,0); } 100% {opacity: 1;transform: translate3d(0,0,0);} } .main{ width:100%; overflow:hidden;background:#fff;} .imgbox,.pic{overflow:hidden;display: block;} .imgbox img,.pic img{ display:block; width:100%;-webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .imgbox:hover img{-webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);} .pcolay:hover .pic img{-webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);} body{ width:100%; overflow-x:hidden; overflow-y:auto} .head{width:100%;z-index: 991;position: fixed;left:0;top:0;/*background:rgba(0,0,0,.08);*/height:55px;} .logo{float:left;padding-top: 15px;} .logo img{width: 136px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .menu {position: fixed;right: 10px;top: 13px;width: 35px;height: 30px;cursor: pointer;z-index: 7;-webkit-transition:all .3s ease;transition:all .3s ease;margin:0;/* background: #ff6800; */} .menu span {position: absolute;top: 14px;left: 5px;display: block;width: 24px;height: 2px;background-color: #fff; -webkit-transition: 0.3s linear;transition: 0.3s linear;} .menu span.nav_lineA { -webkit-transform: translateY(7px) rotate(0deg);transform: translateY(7px) rotate(0deg);} .menu span.nav_lineB {opacity: 1;} .menu span.nav_lineC { -webkit-transform: translateY(-7px) rotate(0deg);transform: translateY(-7px) rotate(0deg);} .nav_icon_click{/* right: 86%; *//* margin-right:-25px; */} .nav_icon_click span{left: 6px;} .nav_icon_click span.nav_lineA {-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);} .nav_icon_click span.nav_lineB {opacity: 0;} .nav_icon_click span.nav_lineC {-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);} .phonenav{position:fixed;background: rgba(0,0,0,.85);right: 0;top: 55px;z-index: 9;width: 100%;overflow-y: scroll;-webkit-overflow-scrolling: touch;display: none;-webkit-box-shadow: -1px 0 5px rgba(0,0,0,.1);box-shadow: -1px 0 5px rgba(0,0,0,.1);bottom: 0;} .m_nav_main {width: 100%;height: 100%;counter-reset: navCounter;} .m_nav_main ul {width: 100%;padding: 8px 20px;margin:0;} .m_nav_main li {position: relative;list-style:none;border-bottom: 1px solid rgba(255,255,255,.3);} .m_nav_main li>a{display:block;font-size: 18px;color: #fff;padding: 18px 0;} .r_arrow:after{content: "+";display: inline-block;position: relative;transition: transform 0.3s;-o-transition: transform 0.3s;-ms-transition: transform 0.3s;-moz-transition: transform 0.3s;-webkit-transition: transform 0.3s;top: 0px;padding: 0;color: #fff;font-size: 18px;font-style: normal;margin-left:5px;float: right;} .phonenav a.cur .r_arrow:after{content: "-";} .se-nav{padding-left: 1em;display:none;padding-bottom: 10px;} .third-nav>a,.se-nav>a{font-size: 15px;color: #fff;display:block;line-height: 35px;} .search{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;background-color:#207A7C;background-image:url(img/head01.png);background-position:center center;background-repeat: no-repeat;position: absolute;top: 14px;right: 60px;width: 35px;height: 35px;} .navul{margin:0;padding:0;float:right;position: relative;right: -17px;} .navul li{list-style:none;float:left;position:relative;text-align:center;color:#fff;} .navul li>a{display:block;font-size: 15px;color:#fff;position:relative;padding-bottom: 15px;line-height: 35px;text-align:center;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow: hidden;z-index: 2;border-bottom: 2px solid transparent;margin-left: 17px;margin-right: 17px;padding-top: 5px;} .third-nav p{ padding: 0 0 10px; } .third-nav p>a{font-size: 14px;padding-left: 1em;color: #999;display:block;line-height:30px;} .navul li:hover>a,.navul li>a.cur{border-bottom: 2px solid #207A7C;color: #207A7C;} .pcsec{position:absolute;top: 100%;left:50%;text-align:left;background:rgba(0,0,0,.97);min-width: 164px;padding-top:10px;-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);z-index: 8;padding-bottom:20px;opacity:0;visibility:hidden;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%); white-space:nowrap; font-size:0} .pcsec>a{display:block;line-height:30px;font-size:14px;color:#fff;padding-left: 25px;padding-right: 25px; white-space:nowrap; text-align:center;} .navul li:hover .pcsec{ opacity:1; visibility:visible;transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);} .pcthird{ display:inline-block; border-right:1px solid rgba(255,255,255,.19); min-height:124px; margin-top:20px; padding:0 27px; vertical-align:top} .pcthird a{ font-size:13px; color:#fff; line-height:36px; display:block;} .pcthird h2{color:#c8c8c8;} .pcthird h2 a{ color:#c8c8c8; font-size:15px; } .pcthird a img{ position:relative; top:5px; margin-left:12px; display:none;} .pcthird a img[data="1"],.pcthird a img[show="1"],.third-nav p>a img[data="1"],.third-nav p>a img[show="1"]{ display:inline-block} .trird{ position:relative;} .thethird{position:absolute;left: 99%;top:0;background:#fff;-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);white-space: nowrap;padding-bottom: 10px;padding-top: 10px; opacity:0; visibility:hidden;} .trird:hover .thethird{opacity:1;visibility:visible;} .t-nav>a{display: block;line-height: 35px;font-size: 15px;color: #666;} .t-nav p,.se-nav{ display:none;} .t-nav p>a{display:block;line-height:35px;padding-left:1em;color: #999;} .head.is-sticky .navul a:hover,.trird:hover>a{color:#207A7C} .pcsec a:hover{ color:#207A7C} .searchbox{ float:right; position:relative} .searchbox span{background-image:url(img/search1.png);width:16px;height: 40px;display:block;cursor:pointer;background-position: center center;} .insidehead .nav{ padding-right:32px;} .insidehead .searchbox span{background-position: left 7px;} .tosearch{position:absolute;right: -15px;width: 300px;top: 100%;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);-o-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);background:#fff;padding:16px;z-index:99;opacity:0;visibility: hidden;} .tosearch.active{-webkit-animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);animation: avia_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);opacity:1;visibility: visible;} body .searchin{width: 100%; position: relative; padding: 11px 47px 11px 5px; z-index: 1; font-size:15px;} body .searchbt{width: 42px;height: 42px;line-height: 40px;padding: 0;position: absolute;right: 16px;top: 16px;z-index: 2;margin: 0;min-width: 40px;background-color:#333;cursor:pointer;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;background-image:url(img/search2.png);background-repeat:no-repeat;background-position:center center;} .tosearch em{display:block;height: 10px;width: 10px;position: absolute;top: -5px;right: 16px;-webkit-transform: rotate(45deg);transform: rotate(45deg);visibility: hidden\9;background: #fff;} body .searchbt:hover{ background-color:#207A7C;} .insidetit{ font-size:18px; color:#333; height:55px; line-height:55px; background:#f4ce98;} .searchmask{width: 100%;height:100%;display:block;cursor:pointer;position:absolute;left:0;top:0;opacity:0;z-index:-1;} .searchbox.cur .searchmask{ z-index:8} .subhead{ border-bottom:1px solid rgba(255,255,255,.15);} .headl{ font-size:12px; color:#fff; float:left; height:30px ; line-height:30px;} .headr{ float:right;} .language{ float:right; font-size:12px; color:#fff; padding-left:27px; line-height:30px; background:url(img/top2.png) left center no-repeat; padding-right:8px;} .language a,.headphone a{ color:#fff;} .language a:hover,.language a.cur{ color:#139598} .headphone{ color:#fff; font-size:12px; line-height:30px; padding-left:25px; background:url(img/top1.png) left center no-repeat; padding-right:17px; float:right;} .phonese{position:absolute;right: 56px;top:0; display:none;} .phonese span{height:55px;width: 30px;} .phonese .tosearch{ right:-10px;} .m_nav_main .language,.m_nav_main .headphone{float:none;margin-left:20px;color: #fff;font-size: 14px;} .m_nav_main .language a,.m_nav_main .headphone a{color: #fff;} .headbox{ width:100%;} .headbox.is-sticky{-webkit-animation-name: fadeHeaderInDown;-moz-animation-name: fadeHeaderInDown;-o-animation-name: fadeHeaderInDown;animation-name: fadeHeaderInDown;position:fixed;background: rgba(0,0,0,.8);-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-ms-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;top:0;left:0;} .headbox.is-sticky .navhead{ padding-top:20px;} .banner-slide{width:100%;overflow:hidden;position:relative;} .flex-viewport,.banner-slide ul{ height:100%;} .banner-slide ul{padding:0;margin:0;white-space: nowrap;font-size: 0;background: #fff;} .banner-slide li{list-style:none;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%;position:relative;display: inline-block !important;float: none !important;vertical-align: top;overflow: hidden;width: 100%;} .banner-slide img{width: 100%;height:auto;position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);} .banner-slide .flex-control-nav{position:absolute;font-size:0;text-align:center;width:100%;left:0;bottom: 5px;padding:0;margin:0;z-index: 3;} .banner-slide .flex-control-nav li{display:inline-block;margin: 0 3px;list-style:none;width: 11px;height: 11px;position:relative;} .banner-slide .flex-control-nav li a{display:block;width: 10px;height: 10px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;overflow:hidden;line-height:999px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background: #fff;} .banner-slide .flex-control-nav li a.flex-active{background: #207A7C;} /*foot*/ .foot{background:#5E5E5E;padding-top:20px;position:relative;z-index: 1;} .sub-foot dt a{color: #d4d4d4;display: block;font-size: 15px;text-align: left;} .sub-foot dt{font-size: 15px;color: #d7d7d7;line-height:40px;position:relative;z-index:3;} .sub-foot dd a{font-size: 14px;color: #fff;line-height: 28px;display:block;text-align: left;} .sub-foot dt:after{content: '+';float: right;font-weight: normal;margin-right: 8px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;font-size:16px;position: absolute;right: 0;top: 0;} .foot-link{ border-bottom:1px solid rgba(225,225,225,.04); position:relative; overflow:hidden} .sub-foot>dl{ border-bottom:1px solid rgba(225,225,225,.04); } .sub-foot dl.cur dt:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);} .sub-foot dd{position:absolute;top:50%;visibility:hidden;-webkit-transition:300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;transition:300ms;z-index:-1;-webkit-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);-moz-transform: translateY(-50px);transform: translateY(-50px);padding-bottom:10px;} .sub-foot dl.cur dd{ position:static; visibility:visible; z-index:1;-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;transform: none;-webkit-transition: -webkit-transform 300ms ease;transition: -webkit-transform 300ms ease;transition: transform 300ms ease;transition: transform 300ms ease, -webkit-transform 300ms ease;} .foot-link dl dd a span{cursor:pointer} .footcopy{text-align:center;font-size: 14px;color: #fff;border-top: 1px solid rgba(255,255,255,.04); line-height:24px;} .thecopy{border-top: 1px solid rgba(255,255,255,.04);padding:15px 0;font-size: 12px;} .footcopy a{color: #fff;display:inline-block;} .footcode{} .footcode img{display:block;margin: 0 auto;max-width: 95px;} .footcopy p{ padding:0} .footcopy p a{padding:0 5px;display:inline-block;font-size: 12px;} .footcode{text-align:center;margin: 20px 0;position: relative;padding-right: 110px;} .subcode{font-size:14px;color:#707070;text-align:center;line-height:25px;} .sharebox{height:24px;margin-top: 13px;} #share{ display:inline-block; font-size:14px; color:#898989;} #share a{height: 23px;margin: 0;padding:0;float: left;cursor: pointer;} #share span{ float:left; height:29px; line-height:29px; position:relative} #share a.bds_weixin{background: url(img/foot1.png) no-repeat;background-size: auto 23px;width: 24px;margin-right: 13px;} #share a.bds_tsina{background: url(img/foot2.png) no-repeat;background-size: auto 23px;width: 27px;margin-right: 9px;} #share a.bds_sqq{background: url(img/foot3.png) no-repeat;background-size: auto 23px;width: 20px;} #share a.bds_weixin:hover{background: url(img/foot1h.png) no-repeat;background-size: auto 23px; opacity:1} #share a.bds_tsina:hover{background: url(img/foot2h.png) no-repeat;background-size: auto 23px; opacity:1} #share a.bds_sqq:hover{background: url(img/foot3h.png) no-repeat;background-size: auto 23px; opacity:1} .index-system{background: #fff;padding-bottom:40px;} .indextitle{text-align:center;font-size:14px;color:#666;padding-top: 10px;} .indextitle a{ display:block; color:#666;} .indextitle a h2{ color:#333;} .fon30{ font-size:20px; line-height:1.2em;} .indextitle h2{ color:#333; padding-bottom:5px;} .indexp{ position:relative;} .indexp span{position:relative;z-index:2;background: #fff;padding:0 15px;font-family:Arial,Helvetica,sans-serif;} .indexp:before{ content:""; width:100%; max-width:345px; height:1px; z-index:1; position:absolute; left:50%; top:50%;-webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:#b5b5b5;} .indexsys{ width:100%; overflow:hidden;} .sysimg{ margin:0 auto; overflow:hidden; width:45px;} .sysimg img{ width:45px;} .sysimg p{ font-size:0; white-space:nowrap; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;} .thesysy{ margin:0 -5px; padding:0} .thesysy li{ list-style:none; padding-left:5px; padding-right:5px; margin-top:25px; width:50%} .thesysy li a{display:block;border:1px solid #e0e0e0;text-align:center;font-size:12px;color:#666;background:#fff;padding-top:13px;overflow: hidden;-webkit-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;width: 100%;} .systitle{height:44px;margin-top: -8px;} .systitle h3{font-size: 15px;} .systitle p{margin-top: 2px;line-height: 1.5em;} .systitle em{display:block;margin: 8px auto 0;height:3px;width:30px;background:#aaa;} .sysytxt{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background:#868686;color:#fff;font-size:12px;padding:5px 0;height:70px;display:table;width: 100.4%;} .sysytxt p{display:table-cell;vertical-align:middle;padding: 0 15px;line-height:18px;} .thesysy li:hover .sysytxt{ background:#ff6800} .index-pro{ background:#fff; font-size:0;} .protxt h2{font-size: 16px;color:#333;padding-bottom: 6px;} .subprotxt{font-size: 13px;color:#666;} .subprotxt p{ position:relative;} .subprotxt p a{color:#666;display:block;padding-left: 14px;position:relative;-webkit-transition:transform .2s linear;-ms-transition:transform .2s linear;transition:transform .2s linear;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} .subprotxt p a:before{ content:""; width:0; height:0; border-bottom:4px solid transparent; border-top:4px solid transparent;border-left:6px solid #c8c8c8; position:absolute; left:0; top:8px} .subprotxt p:hover a{ -webkit-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15);} .subprotxt p:hover a:before{ -webkit-transform:scale(.8); -ms-transform:scale(.8); transform:scale(.8);} .indexmore{display:block;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;font-size:14px;color:#fff;text-align:center;background:#ff6800;width: 120px;height: 35px;line-height: 32px;margin-top:19px;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;} .index-pro .indexmore{background:#fff;border: 1px solid #ff6800;color:#ff6800;} .index-pro .indexmore:hover{ background:#ff6800; color:#fff;} .proimg img{ display:block; width:100%;} .subprotxt p a:hover{ color:#ff6800;} .subprotxt p a:hover:before{ border-left-color:#ff6800} .table{ display:table; position:relative; width:100%; height:100%;} .indexsolution .commonweb{ position:relative; height:100%; padding:0} .insolunav{ background:rgba(0,0,0,.5);width: 100%; overflow-x: scroll; overflow-y: hidden;} .insolunav ul{ margin:0; padding:0;display: inline-flex; display: -ms-inline-flex;display: -webkit-inline-flex;} .insolunav ul li{list-style:none;font-size:12px;color:#fff;padding-left:70px;border-right:1px solid rgba(255,255,255,.1);height:93px;padding-top:20px;cursor:pointer;background-repeat:no-repeat;background-position:20px center;transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;float:left;width:240px;} .indexsolution{background-position:center center;background-size:cover;overflow: hidden; display:none} .insolunav h2{ font-size:16px;} .insolunav ul li:nth-of-type(1){ background-image:url(img/index10.png);} .insolunav ul li:nth-of-type(2){ background-image:url(img/index11.png);} .insolunav ul li:nth-of-type(3){ background-image:url(img/index12.png);} .insolunav ul li:nth-of-type(4){ background-image:url(img/index13.png);} .insolunav ul li:nth-of-type(5){ background-image:url(img/index14.png);} .insolunav ul li:nth-of-type(6){ background-image:url(img/index15.png);} .insolunav ul li:hover,.insolunav ul li.cur{ background-color:#207A7C;} .theintro{ font-size:14px; color:#fff;} .theintro h2{ font-size:26px; line-height:1.2em; padding-bottom:12px;} .theintro p, .topproduct p,.retxt p, .newintro p{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-bottom: 0;} .somore{ display:block; color:#fff; text-align:center; border:1px solid #fff; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; border-radius:50px;width:120px; height:35px; line-height:35px; margin-top:15px; -webkit-transition:all .3s ease-in; -ms-transition:all .3s ease-in; transition:all .3s ease-in;} .subinsolu{height:0; visibility:hidden; opacity:0; -webkit-transition:all 0.15s ease-out 0.05s; -ms-transition:all 0.15s ease-out 0.05s; transition:all 0.15s ease-out 0.05s; padding-left:15px; padding-right:15px; position:relative; top:20px;} .subinsolu.cur{padding-top:30px;padding-bottom:30px;height:auto;visibility: visible;opacity:1; top:0} .insolution{ overflow:hidden; position:relative;} .incase{ padding-top:30px;} .incase h2{ font-size:18px; color:#fff;} .subincase{ font-size:0} .subincase img{display:inline-block;padding:0 5px;margin-top:7px;box-sizing: content-box;} .subincase{ margin:0 -5px;} .subincase img{/* width:130px; */-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .repro{ font-size:0; padding-top:10px;} .repro a{ display:inline-block; border:1px solid #fff; height:40px; line-height:38px; padding:0 10px; font-size:14px; color:#fff; margin-top:10px; margin-right:10px; -webkit-transition:all .3s ease-in; -ms-transition:all .3s ease-in; transition:all .3s ease-in;} .repro a span{ position:relative; margin-right:8px; top:4px; width:21px; height:19px; display:inline-block; background-size:100% auto; background-repeat:no-repeat;background-image:url(img/index20.png); -webkit-transition:all .3s ease-in; -ms-transition:all .3s ease-in; transition:all .3s ease-in;} .repro h2{ font-size:18px; color:#fff; padding-bottom:9px;} .head.bc{ background:rgba(0,0,0,.8)} .why{ background:#ededed; padding-bottom:60px;} .othertit{font-size: 14px;color:#666;} .othertit span{font-family: Microsoft Yahei,Helvetica,sans-serif;background: none;} .othertit .indexp:before{ display:none} .index-about-con{overflow:hidden;padding-top: 0;} .index-about-con ul{margin: 0 -4px;padding:0;font-size:0;text-align:center;} .index-about-con li{display:inline-block;border-right:1px solid #dfdfdf;font-size: 7px;color:#666;width: 20%;margin-top: 20px;vertical-align: top;line-height: 1.4em;} .index-about-con li:last-child{border:none;position:relative;top: -4px;} .yearin{display:block;font-size: 20px !important;line-height:1.1em;color:#ff6800;font-family: 'AvangardNormal';margin-bottom: 5px;} .indexahout{padding-top: 15px;} .inleft ul{ margin:0; padding:0} .inleft li{list-style:none;margin-top:16px;height: 86px;position:relative;padding-left: 95px;display:table;font-size: 12px;line-height: 20px;} /*.inleft li>a{ display:table; position:relative; padding-left:147px; height:124px; font-size:14px; color:#666;}*/ .inleft li .inname{position:absolute;left:0;top: -4px;background-position: center 14px;background-repeat:no-repeat;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;text-align:center;color:#666;width: 80px;height: 80px;border:1px solid #b4b4b4;font-size: 12px;padding-top: 45px;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:block;background-size: 28px auto;} .inleft li:nth-of-type(1) .inname{ background-image:url(img/index21.png);} .inleft li:nth-of-type(2) .inname{ background-image:url(img/index22.png);} .inleft li:nth-of-type(3) .inname{ background-image:url(img/index23.png);} .inleft li .inname:hover{ background-color:#ff6800; border-color:#ff6800; color:#fff;} .inleft li:nth-of-type(1) .inname:hover{ background-image:url(img/index21h.png);} .inleft li:nth-of-type(2) .inname:hover{ background-image:url(img/index22h.png);} .inleft li:nth-of-type(3) .inname:hover{ background-image:url(img/index23h.png);} .inleft li .td{ text-align:right} .inleft li p{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 100%;text-align:left;/* height: 72px; */color: #666;} .inleft li .td a{font-size: 13px;color:#666;position:relative;display: inline-block;margin-top: 7px;} .inleft li .td a:after{content:"";width:1px;height:17px;background:#666;margin:0 15px;display: inline-block;position: relative;top: 3px;} .inleft li .td a:last-child:after{ display:none;} .inright{background:#fff;/* padding:4px; */-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;} .videobox{ position:relative;} .palyit{ position:relative; z-index:3} .btnplay{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index: 1;cursor:pointer;} .btnplay img{ width:60px;} .videobox video{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;object-fit: fill;} .pic{ position:relative} .palyit.cur{ opacity:0; z-index:-1} .pic img{ display:block; width:100%; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px;} .masker{ position:fixed; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:999; display:none;} .the-video{ z-index:9999; position:fixed; left:50%; top:50%; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:none;} .the-video{ width:100%; max-width:900px;} .the-video video{width:100%;background: #000;} .the-video span{ display:block; background:url(img/close.png) no-repeat; background-size:100% auto; width:38px; height:38px; position:absolute; top:-5px; right:-5px; cursor:pointer; z-index:99999} .inright{ margin-top:30px;} .subthis{ margin:0 -5px; padding-top:5px;} .thisbox{ padding-left:5px; padding-right:5px; position:relative; margin-top:30px;} .thisbox h2{ text-align:center; color:#ff6800; font-size:18px; line-height:1.2em; padding-bottom:15px;} .subtbox{ background:#fff;} .subtbox a{ font-size:14px; color:#333; display:block;} .subtbox p{ padding:0 0px; height:50px; line-height:50px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .subtbox .jj{width: 100%; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;color: #999;font-size: 14px;} .indexul{ margin:3px 0 0; padding:0;} .indexul li{list-style:none;margin-top: 25px;} .indexul li a{ display:block; font-size:12px; color:#808080; line-height:20px; position:relative; padding-left:12px;} .indexul li a:before{ content:""; width:4px; height:4px; background:#c9c9c9; position:absolute; left:0; top:8px;} .indexul li h3{ font-size:14px; color:#333;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .indexul li p{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .thismore{ color:#ff6800; font-size:12px; display:inline-block; margin-top:5px; padding-left:14px;position: relative!important;float: right} .imgbox img{ display:block; width:100%} .indexthis{padding-bottom:50px;background: #f8f8f8;} .footcontact{ padding:0 15px 30px; background:#ededed; font-size:0; text-align:center;} .subfcon{ display:inline-block; width:100%; font-size:14px; color:#666; text-align:left; line-height:28px; position:relative; padding-left:45px; margin-top:20px;} .subfcon a{ color:#666} .subfcon img{ position:absolute; left:0; top:0;} .videobig {display: none;z-index: 9999;width: 100%;position: fixed;height: 100%;background: rgba(0, 0, 0, 0.65);left: 0px;top: 0px;} .videocon {width: 95%;margin: 0 auto;position: fixed;top: 50%;left:50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 9999;display: none;} .videocon .thevideos {position: relative;z-index: 1; height:250px} .close { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; } .close:before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .close:after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .thisbox .imgbox{ position:relative; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;} .thisbox .imgbox>img{ -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;} .thisbox .btnplay img{ width:50px;} .indexlast{background:#fff;padding-top:15px;padding-bottom: 26px;} .indexlast ul{ text-align:center; font-size:0; margin:0; padding:0} .indexlast li{ display:inline-block;width:50%; margin-top:15px; color:#616161;} .indexlast li h2{font-size: 16px;padding-bottom:2px;} .indexlast li:hover a{ color:#207A7C;} .sublast{background-repeat:no-repeat;background-position:left center;font-size: 12px;background-size:50px;padding-left:60px;text-align:left;-webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .indexlast li:nth-of-type(1) .sublast{ background-image:url(img/last1.png);} .indexlast li:nth-of-type(2) .sublast{ background-image:url(img/last2.png);} .indexlast li:nth-of-type(3) .sublast{ background-image:url(img/last3.png);} .indexlast li:nth-of-type(4) .sublast{ background-image:url(img/last4.png);} .indexlast li:nth-of-type(1):hover .sublast{ background-image:url(img/last1h.png);} .indexlast li:nth-of-type(2):hover .sublast{ background-image:url(img/last2h.png);} .indexlast li:nth-of-type(3):hover .sublast{ background-image:url(img/last3h.png);} .indexlast li:nth-of-type(4):hover .sublast{ background-image:url(img/last4h.png);} .indexlast li:nth-of-type(4){ border:none;} .footabout{color:#fff;word-break: break-all;} .codebox{position: absolute;right: 0;top: 0;} .footphone{font-size: 15px;line-height:20px;position:relative;padding-left: 101px;border-bottom:1px solid #707070;padding-bottom:18px;text-align:left;} .footphone em{ display:inline-block; width:0; height:0;border-bottom:4px solid transparent; border-top:4px solid transparent; border-left:7px solid #fff; margin-left:5px;} .footphone .phonnn{font-size:14px;color:#207A7C;-webkit-border-radius:50px;-ms-border-radius:50px;border-radius:50px;position:absolute;height: 38px;line-height: 36px;text-align:center;width:94px;left:0;top:0;border:2px solid #207A7C; display:block; -webkit-transition:all .3s ease-in; -ms-transition:all .3s ease-in; transition:all .3s ease-in;} .dbtn{font-size:14px;margin: 10px 0; color:#207A7C;-webkit-border-radius:50px;-ms-border-radius:50px;border-radius:50px;height: 38px;line-height: 36px;text-align:center;width:94px;left:0;top:0;border:2px solid #207A7C; display:block; -webkit-transition:all .3s ease-in; -ms-transition:all .3s ease-in; transition:all .3s ease-in;} .dbtn:hover{background: #207A7C;color: #fff;} .footway{ font-size:14px; color:#707070; text-align:left; padding-top:7px;} .footway a{ color:#fff;font-size:14px;} .footway p{ padding-left:27px; position:relative; color:#fff;font-size:14px;} .footway img{ position:absolute; left:0; top:5px} /*产品中心*/ .inbanner{width:100%;overflow:hidden;position: relative;} .inbanner img{display:block;width:100%;min-width: 800px;left:50%;position:relative;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);} .inbanner .commonweb{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:0;width: 100%;height: 100%;} .inbanner h2{color:#fff;font-size:20px;text-align:center;width:100%;height:auto!important;line-height:1!important;position: absolute;top: 50%;transform: translateY(-50%);} .bread{font-size:14px;color:#666;position: relative;} .bread:before{position: absolute;top:60px;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #d6d6d6;content: ""} .bread p{padding-left: 18px;background: url(img/home.png) left 4px no-repeat; background-size:14px auto;/* height:45px; *//* line-height:45px; */margin-top: 16px; font-size:11px;-webkit-text-size-adjust:none;} .bread p a{color:#666;} .bread p a:last-child{ color:#207A7C;} .subchose{border-top: 1px solid #bebebe;padding:25px 0;} .choose .subchose:last-child{} .subchose .commonweb{ position:relative;} .type{font-size:12px;color:#fff;background:#207A7C;text-align:center;padding:6px 0;position:relative;width: 166px;margin: 0 auto;} .type:before{content:"";width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-top:8px solid #207A7C;position: absolute;bottom: -8px;left: 50%;margin-left: -5px;} .type h2{ font-size:18px;} .type p{ margin-top:-3px;padding-bottom: 0;} .choosenav{display:table-cell;vertical-align:middle;font-size:14px;color:#666;padding-top: 20px;} .choosenav a{color:#666;display:block;float:left;margin-right:28px;margin-top: 2px;margin-bottom: 2px;} .choosenav a i{ display:inline-block;border-bottom:2px solid transparent;} .choosenav a:hover i,.choosenav a.cur i{ color:#207A7C; border-bottom:2px solid #207A7C;} .topproduct{background:#ededed;border:1px solid #d7d7d7;padding: 20px 0;} .topproduct h2{ font-size:18px; color:#207A7C;} .topproduct h3{font-size:15px;color:#666;padding-top: 6px;padding-bottom: 6px;} .topproduct p{ font-size:14px; color:#858585; max-width:330px} .promore{ color:#fff;background:#207A7C; display:block; text-align:center; width:124px; height:40px; line-height:40px; margin-top:13px;} .topproduct dd{ padding:20px;} .prolist{ margin:0 -5px; padding:0 0 70px} .prolist li{ list-style:none; padding-left:5px; padding-right:5px; margin-top:25px;} .prolist a{background:#fff;font-size:12px;color:#858585;padding:0px!important;} .productimg{ overflow:hidden;border:1px solid #d1d1d1;} .producttxt{text-align:center; padding:0 10px; max-width:100%; margin:0 auto; line-height:20px;} .producttxt h2{font-size:16px;color:#207A7C;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2em;padding-bottom: 10px;padding-top: 10px!important;} .producttxt h3{font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 6px;} .producttxt p{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;display: none;} .page{ text-align:center; padding-bottom:50px;} .proshow{ padding-top:8px;} .indetit{text-align:center;font-size: 14px;color: #666;} .indetit h2{font-size:20px;color:#333;line-height: 1em;} .indetit p{display: none; position:relative;font-size:15px;color:#000000;font-family:Arial,Helvetica,sans-serif;background-image:url(img/inbg.png);background-repeat:no-repeat;background-position:center center;background-size: auto 1px;margin: 5px 0px 5px 0px; height:40px;} .showlist li a{ display:block; font-size:16px; color:#207A7C; text-align:center;} .showlist{ margin:0 -5px; padding:0 0 42px} .showlist li{ padding-left:5px; padding-right:5px; list-style:none; margin-top:20px;} .showlist .imgbox{ border-radius:10px; margin-bottom:7px;} .proshow{ padding-bottom:50px;} .showmore{ display:block; margin:0 auto; -webkit-border-radius:50px; -ms-border-radius:50px; border-radius:50px; text-align:center; font-size:14px; color:#fff; width:130px; height:35px; line-height:35px; background:#207A7C} /*产品详情*/ .scrollbox{ position:relative; background:#fff; margin-top:15px;} .proscroll{ margin:0; padding:0; -webkit-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; font-size:0; white-space:nowrap; width:9999px;} .proscroll li{ list-style:none; display:inline-block} .proscroll li img,.lSPager li img{ display:block; width:100%;} .lSSlideWrapper,.subpagebox{ width:100%; overflow:hidden;} .lSPager{ margin:15px 0 0; padding:0; font-size:0; white-space:nowrap} .lSPager li{ list-style:none; display:inline-block;} .lSPager li.active{ border:1px solid #207A7C} .detailtxt{ color:#666; font-size:15px;} .detailtxt h2{font-size: 25px;color:#333;line-height:1.2em; padding-bottom:10px; padding-top:10px;} .td{ display:table-cell; vertical-align:middle} #box{ position:relative;margin-top: 80px;} .product-details-nav{margin-top:15px;padding-top: 3px;} .overflow-auto{ border-bottom:1px solid #207A7C} .product-details-nav a{color:#666;font-size:15px; display:inline-block;height: 45px;line-height: 45px;padding:0 20px; cursor: pointer;} .product-details-nav a:hover,.product-details-nav a.cur{ color:#fff; background:#207A7C;} .details-scroll{ white-space:nowrap} .product-details-nav.addfixed {position: fixed;top: 55px;left: 0;width: 100%;-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);z-index: 99;background: #ebebeb;margin-top: 0;padding-top: 0;} .overflow-auto{ overflow-x:scroll; overflow-y:hidden;} .indetit i{ background:none; display:inline-block; padding:15px 18px; height:24px;text-transform:uppercase;word-spacing:10px;} .proh3{ font-size:25px; color:#207A7C; font-weight:bold; line-height:1.2em; text-align:center;} .detailbox{width: 100%;overflow:hidden;} .detailbox p{text-indent: 2em;} .detailbox .indetit{padding-bottom: 1%;padding-top: 1%;} .detailbox img{ max-width:100%; height:auto !important} .proul{font-size:0;text-align:center;padding:0;} .proul li{width: 25%;list-style:none;position:relative;color:#282828;font-size: 12px;line-height:1.5em;display:inline-block;padding-bottom: 10px;margin-top:25px;vertical-align: top;padding: 0 5px;} .proul li:after{content:"";background:#707070;height:150px;width:1px;right:0;top: 0;position: absolute;} .subproul{ display:inline-block;} .text{margin-top: 7px;} .tablexi {font-size:15px;margin-top: 20px;} .tablexi th{ text-align:left;color:#fff; background:#207A7C; font-weight:normal;border-bottom:9px solid #fff; padding-left:10px;} .tablexi td{ color:#333; background:#f2f2f2; padding-top:5px; padding-bottom:5px; padding-left:20px; border-left:20px solid #fff; border-bottom:9px solid #fff;} .xitit img{ height:50px !important} .xiangxi{ padding-bottom:60px} .xiul{ margin:0 -5px; padding:0 0 60px; font-size:0} .xiul li{list-style:none;width:50%;padding-left:5px;padding-right:5px;text-align:center;color:#666;line-height:18px;display:inline-block;font-size:14px;margin-top:25px;vertical-align: top;} .xiul li img{ display:block; width:70%; margin:0 auto;} .subxi em{ display:block; margin:19px auto 0; width:65px; height:2px; background:#207A7C;} .xitit{ padding-top:24px; padding-bottom:10px;} .gongzuo{margin:0 -5px;padding: 0 0 60px;} .gongzuo li{ list-style:none; width:50%; padding-left:5px; padding-right:5px; text-align:center; font-size:14px; color:#666; line-height:21px; float:left; margin-top:20px;} .gongzuo li img{ display:inline-block; width:120px; margin-bottom:30px;} .subgong{ background:#ebebeb; border-top:5px solid #207A7C; padding-top:30px; padding-bottom:30px; padding-left:15px; padding-right:15px;height:346px;} .gongzuo li .xtx{ text-align:left;} .shiyong{ padding:0 0 60px; margin:0 -5px; font-size:0;} .shiyong li{list-style:none;display:inline-block;padding-left:5px;padding-right:5px;text-align:center;color:#666;font-size:15px;vertical-align:top;margin-top:20px;width: 50%;} .imgp{ overflow:hidden;} .subshi{ background:#fff; line-height:45px;} /*解决方案*/ .breadnav{ width:100%!important;} .sonav a{ font-size:14px; color:#535353; display:block; line-height:60px; -webkit-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;} .breadnav span{ line-height:40px; position:relative; } .breadnav span:after{content:"";width: 10px;height: 10px;border-right: 1px solid #666;border-top: 1px solid #666; -webkit-transform: rotate(135deg);transform: rotate(135deg);position:absolute;top:10px;right:0;} .breadnav span.cur:after{ -webkit-transform: rotate(-45deg);transform: rotate(-45deg); top:17px;} .rightbread{ display:block;} .rightbread p{/* display:none; */} .sonav{display:none;padding-bottom: 10px !important;padding-top: 50px !important;text-align: center;} .thirdnav{ text-align:center; font-size:0; margin-top:35px;} .thirdnav a{ display:inline-block; -webkit-border-radius:50px; -ms-border-radius:50px; border-radius:50px; background:#fff; font-size:14px; color:#666;-webkit-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border:1px solid #ddd; height:40px; line-height:40px; text-align:center; width:30%; max-width:155px; margin:0 5px;} .thirdnav a.cur{ background:#7e7e7e; color:#fff; border:1px solid #7e7e7e} .pt55{ padding-top:30px;} .sodl{ position:relative; color:#666; font-size:14px; text-align:justify;} .sodl dt,.usedl dt,.backdl dt{ overflow:hidden; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;} .sodl dt img,.usedl dt img,.backdl dt img{ display:block; width:100%; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;} .sodl h2{ font-size:25px; color:#207A7C; line-height:1.2em; padding:15px 0 10px} .solution .indetit{ padding-bottom:3.5%} .solution{ padding-bottom:50px;} .txtp{ text-align:center; font-size:14px; color:#666} .usearea{ overflow-y:hidden; overflow-x:auto;} .useul{ margin:0; padding:35px 0 0; white-space:nowrap; font-size:0} .useul li{ list-style:none; width:180px; margin-right:30px; text-align:center; font-size:14px; color:#666; line-height:20px; display:inline-block; white-space:normal; vertical-align:top} .yuan{color:#fff;font-size:12px;text-align:center;-webkit-border-radius:100%;-ms-border-radius:100%;border-radius:100%;background:#7f7f7f;width: 120px;height: 120px;display:table;margin:0 auto;line-height: 1em; margin-bottom:15px;} .yuan h3{font-size:20px;line-height: 1.5em;} .yuan p{text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;padding: 0 10px;} .useul li:last-child{ margin-right:0} .useul li:hover .yuan{ background:#207A7C;} .usedl{ padding-top:30px;} .usedl dd{ padding:20px 0} .usedl dd p{ position:relative; color:#666; font-size:18px; line-height:30px; padding-left:25px;} .usedl dd p:before{ content:""; width:0; height:0;border-bottom:5px solid transparent; border-top:5px solid transparent; border-left:9px solid #207A7C; position:absolute; left:0; top:10px} .touse{ padding-bottom:50px;} .swiper-wrapper{ width:99999px; margin:0; padding:0} .swiper-wrapper li{ list-style:none; float:left;} .swiper-wrapper li a{ display:block;} .cimg{overflow:hidden;-webkit-border-radius:10px;-ms-border-radius:10px;border-radius:10px;} .white .cimg{border: 1px solid #dedede;} .cimg img{-webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;} .thecase li a{ text-align:center; color:#333; font-size:15px;} .thecase li p{ margin-top:20px;} .subcase{ width:100%; overflow:hidden;} .case-pagination{ text-align:center; padding-top:10px;} .case-pagination span{-webkit-border-radius:100%;-ms-border-radius:100%;border-radius:100%;display:inline-block;margin: 0 3px;background:#888;width: 8px;height: 8px;cursor: pointer;} .case-pagination span.swiper-pagination-bullet-active{ background:#207A7C} .thecase{ margin-top:40px; position:relative} .case-next,.case-prev{cursor:pointer;width:45px;height:45px;background-size:100% 100%;background-repeat:no-repeat;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;margin-top: -23px;} .case-next{background-image:url(img/left.png);left: 30px;} .case-prev{background-image:url(img/right.png);right: 30px;} .case-next:hover{ background-image:url(img/lefth.png);} .case-prev:hover{ background-image:url(img/righth.png);} .usecase{ padding-bottom:35px;} .white,.white .indetit i{ background:#fff;} .subrepro{ width:100%; overflow:hidden;} .reproduct{ position:relative;} .subrepro a{ border:1px solid #ccc; color:#666; font-size:12px;} .retxt{ background:#ededed; padding:10px;} .retxt em{display: none;background:#207A7C;width:8px;height:2px;} .retxt h3{ font-size:15px; color:#207A7C; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .pimg{ overflow:hidden;} .reproduct .case-next,.reproduct .case-prev{ margin-top:0} .reproduct{ margin-top:30px;} .related{ padding-bottom:50px;} .white .subrepro li a{ border:2px solid #f2f2f2;} .white .subrepro .retxt{ background:#f2f2f2} .backdl dd{ padding:10px 0 15px} .backoff{ padding-bottom:50px;} .backdl{ padding-top:30px; font-size:13px; color:#666} .backdl h2{ font-size:18px; color:#207A7C; padding-top:10px;} .phonsolu{ font-size:14px; color:#666; text-align:justify} .phonsolu ul{ margin:0 -4px; padding:29px 0 0} .phonsolu ul li{ list-style:none; float:left; width:50%; padding-left:4px; padding-right:4px;} .bread.white p{ background:url(img/home1.png) left center no-repeat;} .theul{margin:15px auto -5px;padding-bottom: 50px;} .theul li{ list-style:none; width:50%; float:left; padding-left:5px; padding-right:5px; margin-top:10px;} .theul li a{display:block;background:#f2f2f2;color:#666;text-align:center;font-size:12px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;line-height:20px;padding-top: 30px;height: 200px;} .theul li a h2{ color:#333; font-size:16px;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .theul li a:hover{ background:#207A7C; color:#fff;} .theul li a:hover h2{ color:#fff;} .theul .sysimg,.theul .sysimg img{ width:75px;} .theul li:hover .sysimg p{ -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%);} /*应用案例*/ .areasort{ margin-top:30px;} .areasort span{display:block;color:#fff;font-size:18px;width:118px;height:42px;text-align:center;line-height:42px;background:#207A7C;margin-bottom: 10px;} .areasort a{float:left;padding: 0 15px;position:relative;font-size:14px;color:#666;margin-top:6px;} .areasort a:after{ content:"|"; font-size:14px;color:#666; position:absolute; top:0; right:0} .areasort a i{ display:inline-block; border-bottom:3px solid #ebebeb;} .areasort a.cur{ color:#207A7C} .areasort a.cur i{ border-bottom-color:#207A7C} .areasort p{ margin-left:-15px;} .app{background:#fff;position:relative;margin-top: 25px;} .appdetail h2{line-height:1.5em;font-size: 28px;color: #207A7C;text-align:center;border-bottom:1px solid #d7d7d7;padding:25px 0 15px;margin-bottom: 17px;} .appdetail{ padding:0 15px 30px; font-size:14px; color:#666; line-height:21px; background-position:left top; background-repeat:no-repeat; background-size:83px auto; position:relative; z-index:5} .PCapp ul{margin:0;padding:0;font-size:0;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;white-space: nowrap;font-size: 0;} .PCapp li{ list-style:none;} .scrollimg li{ display: inline-block; } .PCapp li img{ display:block; width:100%;} .app .pagebox li{ display:inline-block; list-style:none} .app .pagebox ul{ white-space:nowrap; width:9999px; margin:0; padding:0} .PCapp .lSSlideWrapper{ border:3px solid #fff; overflow:hidden; position:relative;} .PCapp .lSSlideWrapper .lSPrev,.PCapp .lSSlideWrapper .lSNext{ display:block; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:86px; height:86px; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; border:3px solid rgba(255,255,255,.65); background-repeat:no-repeat; background-position:center center; background-color:rgba(76,76,76,.74); cursor:pointer; z-index:5; display:none;} .PCapp .lSSlideWrapper .lSPrev{ background-image:url(img/al.png); left:10px;} .PCapp .lSSlideWrapper .lSNext{ background-image:url(img/ar.png); right:10px;} .PCapp .lSSlideWrapper .lSPrev:hover,.PCapp .lSSlideWrapper .lSNext:hover{ background-color:rgba(242,101,32,.74)} .app .pagebox li.active{border: 3px solid #207A7C;} .subpagebox{ overflow:hidden;} .app .pagebox .lSPrev,.app .pagebox .lSNext{ position:absolute; display:block; cursor:pointer; width:40px; height:40px; background-position:center center; background-repeat:no-repeat; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .app .pagebox .lSPrev{ left:0; background-image:url(img/al1.png);} .app .pagebox .lSNext{ right:0; background-image:url(img/ar1.png);} .app .pagebox .lSPrev:hover{ background-image:url(img/al1h.png);} .app .pagebox .lSNext:hover{ background-image:url(img/ar1h.png);} .app:before{width:13.333%;bottom:153px;} .app .pagebox{ position:relative; padding:0 50px;} .pb50{ padding-bottom:50px;} /*合影*/ .photo{ padding-top:30px;} .photochina{/* margin:0 -5px; */padding:22px 0 40px;font-size:0;} .photochina li{/* padding-left:10px; *//* padding-right:10px; */padding-bottom:10px;list-style:none;display:inline-block;vertical-align:top;float: none;margin-top: 0 !important;} .foreignimg{ overflow:hidden; margin-bottom:11px;} .foreignul{ margin:0 -10px; padding:0 0 40px} .foreignul li{list-style:none;padding-left:10px;padding-right:10px;font-size:15px;color:#333;text-align:center;margin-top: 25px !important;} /*出货*/ .chuhuo{ padding-top:25px; padding-bottom:50px;} .huoswiper li{ position:relative;} .huobox{ margin-top:25px;} .huobox img{ display:block; width:100%; -webkit-border-radius:10px; -ms-border-radius:10px ;border-radius:10px;} .huobtn{display:block;width: 12px;height: 20px;background-size:100% auto;background-repeat:no-repeat;position:absolute;z-index:5;top: 50%;margin-top: -10px;} .huoprev,.pingprev{background-image:url(img/l.png);left: 0;} .huonext,.pingnext{background-image:url(img/r.png);right: 0;} .huoprev:hove,.pingprev:hover{ background-image:url(img/lh.png);} .huonext:hover,.pingnext:hover{ background-image:url(img/rh.png);} .huoswiper{position:relative;height:100%;overflow-y: hidden;padding: 15px 0;} .huobox{ position:relative} .huoswiper .huoswiper{ position:relative; height:100%; overflow:hidden;} .right{position:relative;padding:0 33px;} .huoswiper img{ cursor:pointer} .huoswiper li.cur img{ border:3px solid #207A7C;} .huoswiper li.cur:before{content:"";width:0;height:0;position:absolute;left:-15px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 10px solid #207A7C;top: 2px;margin-top:-10px;left: 50%;margin-left: -3px;transform: rotate(-145deg);} .ping{ padding-top:45px; padding-bottom:50px;} .pingbox{max-width:757px;overflow:hidden;margin: 0 auto;} .pingbox img{ display:block; width:100%;} .pingimg{ position:relative;} .pingimg{ margin-top:20px;} .kehu{ position:relative} .kehu li img{ display:block; width:100%; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;} .keall{ padding-top:35px; padding-bottom:50px;} .kehu{ margin-top:25px;} .kebox{ overflow:hidden; color:#333; font-size:15px; text-align:center;} .kehu .pingprev, .kehu .pingnext{ display:none;} /*行业资讯*/ .newcasebox ul li a{ background:#fff;-webkit-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;} .newcasebox li p{ margin-top:0 !important; line-height:45px;} .newcasebox .cimg,.newcasebox .cimg img{ -webkit-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; overflow:hidden;} .newcasebox .case-next,.newcasebox .case-prev{ margin-top:-20px;} .newcasebox{ margin-top:36px !important;} .newul{margin: -20px 0 0;padding: 0 0 20px;} .newul li{ list-style:none; padding:25px 0; border-bottom:1px solid #d7d7d7;} .newul li a{ display:block; color:#666; font-size:14px;} .newintro h2{ font-size:19px; color:#333; line-height:1.2em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-top:20px;} .newdate{ display:block; color:#898989; margin-top:3px; margin-bottom:7px;} .newmore{display:block;-webkit-border-radius:10px;-ms-border-radius:10px;border-radius:10px;font-size:14px;color:#fff;text-align:center;width:106px;height:32px;line-height:32px;background:#7a7a7a;margin-top: 15px;} .newimg,.newimg img{-webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px; overflow:hidden;} .box{padding-top: 30px;padding-bottom: 50px;} .border{-webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px; border:1px solid #d5d5d5; padding:0 15px;} .aboutpro{ margin-top:40px;} .border h2{font-size:18px;padding-left: 39px;background-repeat: no-repeat;line-height:50px;background-position:left center;background-image:url(img/newicon1.png);color:#207A7C;border-bottom:1px solid #cecece;} .aboutpro h2{background-image:url(img/newicon2.png);} .thenew{ margin:0; padding:13px 0 28px;} .thenew li{ list-style:none;} .thenew a{ position:relative; display:block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-left:18px; font-size:14px; color:#666; line-height:30px;} .thenew a:before{ content:""; position:absolute; left:0; top:50%; background:#207A7C; width:3px; height:3px; margin-top:-1.5px;} .theapro{ overflow:hidden; padding-bottom:16px; padding-top:10px;} .theapro a{ display:block; text-align:center; color:#666} .theapro h3{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:14px;} .theapro li{ padding-top:15px;} .newtitle{text-align:center;font-size:12px;color:#8d8d8d;padding-bottom: 14px;} .newtitle h1{color:#207A7C;font-size: 22px;line-height: 1.3em;border-bottom: 1px solid #dedede;padding-bottom: 16px;margin-bottom: 5px;} .newdetail img{ max-width:100%;} .detailbox{color: #666;} .detailbox img{max-width:100%;height: auto !important;} .operation{ padding-top:30px; padding-bottom:50px;} .back{display:block;color:#fff;background: #207A7C url(img/ndetail02.png) 23px center no-repeat;width: 102px;height:32px;line-height:32px;padding-left: 40px;font-size:18px;margin-bottom:11px;} .operation p a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #4c4c4c;font-size:14px;line-height:30px;} .operation p a:hover{color: #207A7C;} .page{ padding:40px 0 80px;} .page a{font-size:14px;color:#fff;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;display:block;width:240px;height:55px;line-height:55px;text-align:center;background: #207A7C !important;margin:0 auto;} /*激光图片*/ .pictures{ position:relative} .pclist{ position:relative} .subpiclist{-webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; position: relative; overflow: hidden; padding: 88px 0 0;} .subpiclist ul{-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; font-size: 0; white-space: nowrap;} .subpiclist ul li{-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; padding-bottom:60px; background-image: url(img/shaw.jpg); background-position:center bottom; background-repeat: no-repeat; display: inline-block;} .subpiclist ul img{ display:block; width:100%;} .pictures h2{text-align:center;font-size:20px;color:#343434;line-height:1.2em;position: absolute;width: 100%;left: 0;top: 29px;} .so-prev,.so-next{ position:absolute; display:block; cursor:pointer; background-size:100% auto; width:23px; height:38px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);} .so-prev{ background-image:url(img/l.png); left:0} .so-next{ background-image:url(img/r.png); right:0} .so-prev:hover{ background-image:url(img/lh.png);} .so-next:hover{ background-image:url(img/rh.png);} .allpics ul{/* margin:0 -5px; */padding:0 0 16px;} .allpics li{list-style:none;padding-left: 0;padding-right: 0;padding-bottom:10px;margin-top: 0 !important;} .allpics .page{ padding-top:0} /*视频*/ .videolist dl{ margin:25px 0; border:1px solid #d9d9d9; font-size:14px; color:#666; position:relative; cursor:pointer} .videolist dt{ overflow:hidden; position:relative; border-right:1px solid #d9d9d9;} .videolist dt:after{ content:""; background:url(img/play.png) no-repeat; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:66px; height:66px; background-size:100% auto;} .videolist dd{ padding:20px 15px} .videotxt{} .thevideotxt h2{ font-size:18px; color:#207A7C; padding-bottom:5px;} .thevideotxt{ display:table;} .cideodate{ font-size:15px; color:#207A7C;} .cideodate i{ position:relative} .cideodate i:after{ content:"-";font-size:15px; color:#207A7C;} .cideodate span{ margin-left:-3px} .videolist{ margin-top:-20px;} /*知识问答*/ .insearch{width:100%;position:relative;border:1px solid #d5d5d5;height:47px;-webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;padding-right:46px;padding-left:14px;margin-bottom:24px;margin-top: 30px;} .inin{ display:block; width:100%; height:45px; line-height:45px; font-size:14px; color:#666} .inbtn{ position:absolute; width:46px; cursor:pointer; background:url(img/faq1.png) center center no-repeat; height:100%; top:0; right:0} .box .thirdnav{ margin-top:0; padding-bottom:35px;} .faq{ padding:0; margin:0} .faq li{ list-style:none; font-size:13px; color:#666; line-height:24px; border-bottom:1px solid #d9d9d9;padding-top: 10px;} .faq li:last-child{ border:none} .faq h2{font-size:13px;color:#207A7C;padding-left:46px;background-image:url(img/q.png);background-position: left 10px;background-repeat: no-repeat;padding-top: 13px;padding-bottom: 13px;} .answer{background-image:url(img/a.png);background-position: left 17px;background-repeat: no-repeat;padding-left:46px;padding-top: 20px;padding-bottom: 20px;} /*搜索结果页*/ .result span{font-size:20px;color: #207A7C;display:block;line-height:46px;} .result-in{float:left;height:46px;border:1px solid #ccc;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:13px 13px;font-size:15px;margin-right:13px;width: 69%;} .result-bt{background: #207A7C;color:#fff;width:75px;font-size:15px;text-align:center;line-height:46px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor: pointer;} .the-result{ font-size:15px; color:#1a1a1a; padding-top:20px;} .result-ul{ padding:0; margin:0} .result-ul li{ border-bottom:1px solid #d0d0d0; line-height:22px; color:#333; position:relative; padding-top:25px; padding-bottom:25px; list-style:none;} .result-ul li a{ display:block;} .result-ul li h2{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:7px;color: #207A7C;} .result-ul li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .result-a{display:block;width:95px;height:30px;text-align:center;line-height:30px;border:1px solid #c3c3c3;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;margin-top:15px;color: #207A7C;} .result-ul li:hover .result-a{background: #207A7C;color:#fff;} .showmore:hover{ opacity:.75} /*发展历程*/ .improve{max-width:1163px;padding-top: 30px;padding-bottom: 50px;} .imtop,.imbottom{-webkit-border-radius:100%;-ms-border-radius:100%;border-radius:100%;background-color:#727272;background-size:20px auto;background-repeat:no-repeat;background-position:center center;width:40px;height:40px;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;cursor:pointer;margin-left: 25px;} .imtop:hover,.imbottom:hover{ background-color:#207A7C;} .imtop{ background-image:url(img/im1.png)} .imbottom{background-image: url(img/im2.png);} .improbox{position:relative;padding-bottom: 40px;} .improbox:before{ content:""; height:100%; width:1px; left:45px; top:0; background:#727272; position:absolute;} .imul{margin:0;padding:0;font-size: 0;overflow-x: hidden;height: 580px; overflow-y:auto;} .imul li{list-style:none;position:relative;padding-left: 94px;margin-top: 25px;} .imdate{position:absolute;color:#fff;text-align:center;line-height:35px;height:35px;width:90px;background:#727272;font-size:19px;left: -5px;top: 21px;} .improvetxt{ border:1px solid #cfcfcf; padding:13px 13px 21px; font-size:14px; color:#666; line-height:24px;} .improvetxt img{ display:block; width:100%; margin-bottom:13px;} /*公司简介*/ .about{ padding-top:35px; padding-bottom:50px;} .aboutdl img,.aboutbox dt img{ display:block; width:100%; margin:0 auto;} .aboutdl{ font-size:14px; color:#666; line-height:24px; text-align:justify; padding-bottom:40px;} .aboutdl h1{ font-size:20px; line-height:1.2em; color:#207A7C; padding-top:15px; padding-bottom:10px;} .aboutbox{ background:#fff; text-align:center;} .aboutbox h2{font-size:20px;line-height:1.2em;color:#207A7C;padding-top: 3px;padding-bottom:10px;} .subabouttxt{ text-align:center; color:#666; font-size:14px;} .aboutbox dd{ padding:20px 15px} .aboutlast{font-size:15px;color:#666;line-height:24px;padding-top: 30px;} .aboutlast h2{ font-size:20px; text-align:center;color:#207A7C; line-height:1.2em;} .aboutlast img{ max-width:100%; height:auto !important;margin: 0 auto;display: block;} /*合作伙伴*/ .partner .indetit{ padding-top:35px;} .partner .indetit p{ background-size:470px 1px;} .partul{ margin:0 -5px; padding:0;} .partul li{ list-style:none; padding-left:5px; padding-right:5px; margin-top:10px;} .partner li .imgbox img{/* -webkit-filter: grayscale(1); *//* filter: grayscale(1); */border:1px solid #e0e0e0;} .partner li:hover img{ -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.2); box-shadow: 0 0 8px 0 rgba(0,0,0,.2); -webkit-transform: translateY(-2px); transform: translateY(-2px); -webkit-filter: grayscale(0); filter: grayscale(0);} .partner li .imgbox{ overflow:inherit} .hezuo h3{ font-size:20px; color:#333; line-height:1.2em; padding-top:21px; text-align:center} .partner{ padding-bottom:50px;} .partnerdetail .newtitle h1{ color:#333;} .partnerdetail{ padding-top:30px;} /*荣誉资质*/ .honor{ padding-top:30px;} .suhonor ul{ margin:0; padding:0} .suhonor li{ list-style:none;} .suhonor li a{ font-size:14px; text-align:center; display:block; border:1px solid #d7d7d7;} .honort{ height:54px; display:table; width:100%; padding:0 15px;} .honort p{ display:table-cell; vertical-align:middle; text-align:center; border-top:1px solid #e9e9e9;padding-bottom: 0} .imgg{ overflow:hidden;} .honorbox{ position:relative} .suhonor{ max-width:1194px; margin:25px auto 0; overflow:hidden;} .honorbox .case-pagination { position:absolute; width:100%; left:0; bottom:35px;} .zhaunli{ padding-top:35px; padding-bottom:50px;} .zhuanbox{ position:relative;} .subhzuan{max-width:1028px;margin:0 auto;overflow: hidden;} .subhzuan .imgbox{ border:1px solid #dbdbdb} .zhuantxt{ display:table; width:100%; font-size:14px; color:#666; text-align:center; background:url(img/shaw2.jpg) center top no-repeat; height:58px;} .zhaunli .indetit{ padding-bottom:20px;} /*营销网络*/ .sale{ padding-top:35px;} .salemap{ padding-top:35px;} .salemap img{ max-width:100%; display:block; margin:0 auto;} .salelist{margin:0;padding: 0 0 55px;width:100%;font-size:0;} .salelist li{ list-style:none; width:100%; font-size:14px; color:#666; border-top:1px solid #c8c8c8; padding-top:20px; padding-bottom:20px;} .salelist h2{ font-size:20px; color:#eb6828; line-height:1.2em;padding-bottom: 9px;} .salelist h3{font-size:16px;color:#333;padding-bottom: 8px;} .salelist li:first-child{ border-top:none} /*招贤纳士*/ .joblist h2{font-size:18px;color: #207A7C;border-bottom: 1px solid #d6d6d6;line-height: 1.8em;padding-bottom: 10px;padding-top: 15px;} .jobul{margin:0;padding: 0;} .jobul h3{cursor:pointer;font-size:14px;color:#4c4c4c;height:59px;line-height:59px;background: url(img/service04.png) right center no-repeat;} .jobul h3:hover{color: #207A7C} .jobul li{border-bottom: 1px solid #d4d4d4;list-style:none;} .jobdetail{background:#fafafa;font-size:13px;color:#4c4c4c;padding: 34px 15px;display:none;} .jobdetail h4{ font-size:14px; color:#4c4c4c; font-weight:bold;} .jobsend{width:120px;height:35px;display:block;text-align:center;line-height:35px;font-size:16px;color:#fff;background: #207A7C;margin-top: 17px; -webkit-transition:all .3s ease-in; -ms-transition:all .3s ease-in; transition:all .3s ease-in;} .jobul li.cur h3{color: #207A7C;background:url(img/service03.png) right center no-repeat;} .joblist{ padding-bottom:50px;} /*加工系统*/ .sysintro dt,.sepcial dt,.ying dt,.yuanli dt{ overflow:hidden} .sysintro dt img,.sepcial dt img,.ying dt img,.yuanli dt img{ display:block; width:100%;} .sysintro dd{padding: 20px 0;color:#666;} .sysintro dd h2{ font-size:20px; padding-bottom:10px; line-height:1.2em;color: #207A7C;} .sepcial{ padding-bottom:50px;} .sepcial dd{ color:#666;padding:20px 0} .sepcial dd p{ position:relative; padding-left:18px;} .sepcial dd p:before{content:"";position:absolute;left:0;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #207A7C;top: 8px;} .yingp{font-size:14px;color:#666;text-align:center;} .ying{padding-bottom:54px;padding-top: 30px;} .ying h2{ font-size:18px; color:#207A7C;} .step{ position:relative; line-height:23px; font-size:16px; color:#666;} .step:before{ content:""; width:1px; height:100%; left:11px; top:0; background:#207A7C; position:absolute;} .step p{ position:relative; padding-left:40px; margin-top:20px;} .step p span{ display:block; border-radius:5px; text-align:center; color:#fff; background:#207A7C; position:absolute; left:0; top:0; width:23px; height:23px;} .ying dd{ padding:20px 0} .yuanli{ padding-top:35px; padding-bottom:50px;} .yuanli dd{ padding:20px 0; font-size:14px; color:#666;} .yuanli .indetit{padding-top:0;padding-bottom: 0;} .tableul{ margin:-15px -10px 0; padding:0 0 50px; font-size:0;} .tableul li{ list-style:none; padding-left:10px; padding-right:10px;} .tableul li h3{ font-size:18px; color:#333; padding-top:15px;} .tableul .tablexi{width:100% !important; max-width:562px;margin-top: 10px; float:none !important} .model{ margin:0 -10px; padding:0 0 50px;} .model li{ padding-right:10px; padding-left:10px; list-style:none; margin-bottom:15px;} .model li .imgbox,.model li img{ -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;} /*服务*/ .service{ padding-top:35px; padding-bottom:50px;} .knowtop span i{ -webkit-border-radius:100%; -ms-border-radius:100%; border-radius:100%; display:block; width:52px; height:52px; font-size:18px; color:#fff; background:#207A7C; text-align:center; line-height:52px;} .knowul{ margin:0; padding:0} .knowul li{list-style:none;position:relative;padding-left:42px;border-left:1px solid #b6b6b6;font-size:14px;color:#666;margin-left: 25px;padding-top: 10px;} .knowul li em{ font-style:normal;display:block;width:25px;height:25px;text-align:center;line-height:25px;color:#fff;font-size:14px;position:absolute;left: -14px;top: 10px;background:#909090;-webkit-border-radius:100%;-ms-border-radius:100%;border-radius:100%;} .check{ padding-top:30px;} .imggg img,.baoimg img{ display:block; width:100%;} .checkbox{ font-size:14px; color:#666} .checkbox h2,.baotxt h2{ font-size:18px; color:#207A7C; padding:20px 0 10px;} .baotxt{ font-size:14px; color:#666; text-align:justify} .yangbox{ border:1px solid #d2d2d2; padding:15px 10px; margin-top:25px;} .yangbox h2{ font-size:18px; color:#207A7C;} .yangbox ul{ margin:0; padding:0} .yangbox li{ list-style:none; position:relative; padding-left:45px; color:#666; margin-top:10px;} .yangbox li em{ display:block; border-radius:10px; font-size:18px; width:30px; height:30px; color:#fff; text-align:center; line-height:30px; font-style:normal; background:#207A7C; position:absolute; left:0; top:0} .download{ margin-top:-25px; font-size:14px; color:#666; text-align:justify} .download dl{margin-top:25px;background:#fff;padding: 20px 20px 30px;} .download dt img{ display:block; width:100%;} .downtxt h2{ font-size:18px; color:#207A7C; padding:20px 0 10px;} .viewnum,.todown{-webkit-border-radius:10px; -ms-border-radius:10px;border-radius:10px;text-align:center; width:137px; height:48px; line-height:48px; color:#fff; font-size:15px; display:block; margin-top:15px; float:left; margin-right:15px;-webkit-transition:all .3s ease-in; -ms-transition:all .3s ease-in; transition:all .3s ease-in;} .viewnum{background:#8c8c8c;} .viewnum i{ margin-left:14px;} .todown{ background:#207A7C; margin-right:0} .todown img{ position:relative; top:4px; margin-right:13px;} .trainh2{ font-size:26px; color:#207A7C; text-align:center; line-height:1.2em;} .trainway{ text-align:center; color:#fff; font-size:0} .trainway span{font-size:20px;display:inline-block;background-image:url(img/service.png);background-size:100% 100%;background-repeat:no-repeat;width:30%;margin:20px 5px 0;height: 40px;line-height: 40px;max-width: 140px;} .trainbox dl{ color:#666; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;border:1px solid #d3d3d3; margin-top:20px;} .trainbox dt img{-webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px; border:1px solid #d3d3d3; display:block; width:100%;} .trainbox h3{ text-align:left; padding-bottom:10px;} .trainbox dd{ padding:20px 15px 30px} .trianp{ position:relative; padding-left:50px; margin-top:20px;} .trianp em{position:absolute;-webkit-border-radius:100%;-ms-border-radius:100%;border-radius:100%;color:#fff;text-align:center;font-size:18px;background:#207A7C;width:30px;height:30px;left:0;top: -4px;font-style:normal;line-height:30px;} .phonenumm{ font-size:14px; color:#666; text-align:center;} .phonenumm i{ color:#207A7C; font-size:20px;} .phonenumm img{ margin-right:12px; position:relative; top:2px;} .saledl,.beforesaledl{border:1px solid #dadada;-webkit-border-radius:10px;-ms-border-radius:10px;border-radius:10px;margin-top: 33px;} .saledl dt img{ width:100%; display:block; border:1px solid #dadada;-webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;} .saledl h2{ font-size:20px; color:#207A7C; line-height:1.2em; padding:20px 0 0;} .service{ color:#666;} .salep p{ position:relative; padding-left:40px; margin-top:20px;line-height:18px;} .salep p em{ display:block; width:26px; height:26px; text-align:center; line-height:26px; position:absolute; left:0; top:0; background:#207A7C; font-size:14px; color:#fff; font-style:normal; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;} .saledl dd{ padding-left:15px; padding-right:15px; padding-bottom:30px;} .subsale{border:1px solid #cdcdcd;padding: 20px 10px;margin-top:30px;} .subsale h2,.beforesaledl h2{ font-size:20px; color:#207A7C; line-height:1em;} .dalebox .salep p{ float:left; width:50%; line-height:18px;} .dalebox .salep p em{ top:-5px;} .aftersale h2{font-size:20px;color:#207A7C;line-height:1em;padding-top: 25px;} .subafter{border:1px solid #cdcdcd;padding: 20px 15px;margin-top:30px;} .subafter h3{ font-size:18px; color:#207A7C; padding-bottom:8px;} .beforesaledl dt img{ width:100%; display:block; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;} .beforesaledl{ margin-top:0} .beforesaledl dd{padding-left:15px;padding-right:15px;padding-bottom:30px;padding-top:20px;text-align: justify;} .beforesaledl h2{ padding-bottom:10px;} .beforeul{ margin:0; padding:0} .beforeul li{ list-style:none; margin-top:30px;} .subbefore{ border:1px solid #d0d0d0; padding:20px; padding-left:100px; position:relative;} .num{ position:absolute; left:20px; top:20px; text-align:center; color:#fff; background:#207A7C; font-size:38px;font-family: 'AvangardNormal'; width:67px; height:60px; line-height:60px;} .num:before{ content:""; width:100%; left:0; top:64px; background:#207A7C; height:3px; position:absolute} .num:after{ content:""; width:100%; left:0; top:69px; background:#207A7C; height:4px; position:absolute} .subbefore h3{ font-size:18px; line-height:1em; color:#333; padding-bottom:4px;} .otherlist{ color:#333; margin:0 -9px;} .sublist{ float:left; width:50%; padding:0 9px; margin-top:10px; text-align:center} .sublist img{ max-width:100%; display:block; margin:0 auto 2px;} /*网站地图*/ .webmap{ border-top:1px solid #d6d6d6; padding-bottom:50px;} .webmap dl{ margin-top:30px; border:1px solid #d1d1d1; padding:15px; position:relative} .webmap dt{border-left:6px solid #207A7C;font-size:18px;color:#333;height:30px;line-height:30px;width: 180px;padding-left:31px;} .webmap dd { padding-top:10px;} .webmap dd a{ display:inline-block; font-size:14px; color:#666; line-height:35px; margin-right:20px;} .insolunav ul li a{ display:block; color:#fff;} .footcopy .thecopy a:last-child{/* display:none; */} .thishome{width: 40px;height:100%;position:absolute;background:url(img/ithome.png) center center no-repeat;top:0;right:50px;background-size: 25px auto;} .banner-slide img.ing{max-width:100%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height: auto; display:none} .navul li:last-child .pcsec{ left:auto; right:0; -webkit-transform:none; -ms-transform:none; transform:none;} /*侧漂*/ .float{ position:fixed; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);-webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; z-index:99; display:none} .float ul{ margin:0; padding:0} .float li{ list-style:none; margin-top:5px;} .float li a>img{ width:100%; display:block} .float a{ width:55px; display:block; color:#fff; text-align:center; position:relative;-webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; background:rgba(0,0,0,.5);} .float a span{ position:absolute; width:100%; display:block; left:0; line-height:1em; bottom:9px; font-size:12px;} .float li:last-child span{bottom: 10px; font-size:12px;} .float li.gtop{ display:none;} .float li:hover a{ background:#207A7C; } .float a p{ position:absolute; top:0; height:100%; line-height:52px; background:#207A7C; color:#fff; padding:0 15px; white-space:nowrap; right:-300%;-webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; font-size:14px;} .float li:hover a p{ right:100%;} .floatcode{ position:absolute; width:124px; top:0; right:100%; -webkit-box-shadow:0 0 7px rgba(0,0,0,.18); -ms-box-shadow:0 0 7px rgba(0,0,0,.18); box-shadow:0 0 7px rgba(0,0,0,.18); opacity:0; z-index:-1; visibility:hidden;-webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } .floatcode img{ width:100%; display:block;} .float li:hover .floatcode{ z-index:1; visibility:visible; opacity:1} .third-nav p>a img{ position:relative; top:4px; margin-left:12px; display:none} .contact-map{ background:#fff; border:3px solid #fff; height:250px;} .zong{ font-size:14px; color:#666; padding-bottom:15px;} .zong p, .itp{ padding-left:32px; position:relative} .zong p>img, .itp>img{ position:absolute; left:0; top:2px;width: auto;} .zong h2{font-size:18px;font-weight:bold;color:#207A7C;line-height:1.3em;padding-top:20px;padding-bottom:15px;} .zong p a{ color:#666; -webkit-transition:all .3s ease-in; -ms-transition:all .3s ease-in; transition:all .3s ease-in;} .zong p a img{ position:relative; top:6px; margin-left:13px; -webkit-transition:all .3s ease-in; -ms-transition:all .3s ease-in; transition:all .3s ease-in;} .subway h2{ font-size:16px; font-weight:bold; color:#207A7C; padding-bottom:10px;} .subway{ padding-top:15px; font-size:14px; color:#666; padding-bottom:15px;} .subway img{width: auto;} .mapul{ margin:0; padding:0} .mapul li{ list-style:none; margin-top:25px; font-size:14px; color:#666; border:1px solid #d6d6d6; padding:15px 20px} .mapul h2{ font-size:18px; font-weight:bold; color:#207A7C; padding-bottom:10px;} .itp{ padding-left:22px;} .itp>img{ top:4px;} .mapul li a{ color:#666} footer{ position:fixed; width:100%; left:0; bottom:0; z-index:99;/*background: rgba(0,0,0,.8);*/ height:55px;} footer a{ display:block; width:25%; text-align:center; color:#fff; font-size:12px; padding-top:5px; float:left;} footer a img{ display:block; margin:0 auto 1px;} footer a:nth-of-type(2) img{ position:relative; top:3px;} body{ padding-bottom:55px;} .top1{position:fixed;right:0;bottom:100px;margin:0;width: 43px;display:none;overflow:hidden;line-height:9999px;height: 43px;background: rgba(255,104,0,.8);} .systitle p{ display:none;} /*.haha{ font-size:0; white-space:nowrap} .subpro{display:inline-block;width: 65%;padding-bottom: 20px;} .index-pro { overflow-y:hidden; overflow-x:scroll} */ body{ padding-top:55px;} .head{ background: #333;} .thishome{ display:none} .sysimg p img:nth-of-type(1){ display:none;} .theul .sysimg p img:nth-of-type(1){ display:inline-block;} .proimg{ float:left; width:44%;} .protxt{float:right;width:56%;padding-left: 15px;} .indexmore{width: 85px;height: 27px;line-height: 25px;float:right;font-size:12px;} .indexlast,.sub-foot{ display:none;} .foot{padding-top: 3px;} .choosenav a:last-child{ margin-right:0} .choose .subchose:nth-of-type(1) a{ min-width:126px;} .tablexi{ font-size:12px;} .subproul img{ width:45px;} .proul li:after{ height:110px;} .proul li:nth-of-type(4):after{ display:none;} .retxt p{line-height: 20px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .retxt p:before{content: "•";padding-right: 5px;} .phonsolu ul li{ margin-bottom:10px;} .phonsolu ul li img{ display:block; width:100%} .footphone .aaaaaa{ position:static !important; color:#fff !important; display:block;} .subpro{ padding-right:15px; padding-top:20px; padding-bottom:20px; border-bottom:3px solid #e7e7e7} .index-pro .subpro:last-child{ border-bottom:none;} .jobsend{ position:relative;} .jobsend span{ display:block; cursor:pointer} .hrinfo{ background:#fff; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px; padding:10px;white-space:nowrap; position:absolute;color:#333; text-align:left; font-size:14px; border:1px solid #ccc; line-height:24px; left:0; margin-top:10px; top:100%; display:none;} /*20181122*/ .shweb{ margin-top:40px; background:#eee; border-left:1px solid #cacaca; margin-bottom:40px;} .subweb{border-bottom:1px solid #dbdbdb;position:relative;padding-top:20px;padding-bottom:20px;min-height:108px;padding-left: 60px;} .shweb .subweb:last-child{ border-bottom:none;} .subweb h2{font-size:16px;color:#ff6800;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:26px;padding-right: 7px;left: 15px; line-height:1.1em;} .webweb{ overflow:hidden; font-size:14px; line-height:30px;} .webweb a{ display:block; float:left; margin-right:15px;color:#666;} .subweb h2:after{content:"";height:90%;right:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:#ff6800;width: 1px;} .theul .sysimg p{} @media (max-width: 320px){ .footphone{ padding-left:0; text-align:center;} .footphone a{ position:relative; width:100%; margin-bottom:10px;} } @media (max-width: 420px){ /*.sysytxt{ height:82px;}*/ } @media (min-width: 767px){ .hrinfo{ margin-left:15px; left:100%; top:0; margin-top:0} .protxt{padding:15px 20px 20px;} .subprotxt p a{ padding-left:24px; display:inline-block; white-space:normal;} .hezuo h3{ text-align:left} .tablexi{ font-size:14px;} .choosenav a{ width:auto !important;} .indexmore{width: 120px;height: 35px;line-height: 32px; float:none;font-size:14px;} .yearin{ font-size:30px !important;} .index-about-con li{ font-size:15px; line-height:24px;} .index-about-con li:last-child{ top:-10px;} .thesysy li a{ padding-top:25px;} .sysimg{width: 60px;margin:0 auto 6px;} .sysimg img{width: 60px;} .systitle{height:83px;margin-top: 0;} .systitle p{ display:block;} .haha{ white-space:normal} body{padding-bottom:0;padding-top: 0;} .float{ display:block;} .thesysy li{ width:25%} .salelist li{ position:relative} .salelist li:nth-last-of-type(2):after{content:"";left:0;bottom: -1px;width:100%;background:#c8c8c8;height: 1px;position: absolute;} .logo img{width: 140px;} .nav_icon_click{ right:82%;} .sysytxt p{ padding:0 15px;} /*.index-pro .subpro{ width:50%; display:inline-block; vertical-align:top; padding:20px;}*/ .index-pro { overflow:hidden;} .subpro{ padding-left:40px; position:relative; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #e7e7e7; width:100%} .proimg{ float:left; width:44.8%;} .protxt{ float:left; width:50.5%; padding-left:40px; position:absolute; height:100%; right:0; top:0;} .index-pro .subpro:nth-child(2n){ padding-right:100px;} .index-pro .subpro:nth-child(2n) .proimg{ float:right;} .index-pro .subpro:nth-child(2n) .protxt{ right:auto; left:0; padding-left:100px;} .index-about-con li{ width:auto; padding:0 28px;} .inleft{float:left;width: 45.42%;} .inright{float:right;background:#fff;/* padding:4px; */border-radius:10px;width: 45.82%;} .thisbox{ width:33.333%; float:left;} .videocon { width:450px;} .videocon .thevideos{ height:400px;} .indexlast li{ width:25%; border-right:2px solid #d5d5d5} .sublast{ display:inline-block} /*产品中心*/ .bread{ display:block;} .type{ width:123px; position:absolute; left:15px; top:0;} .subchose .commonweb{padding-left:159px;min-height:58px;display:table;width: 100%;} .type:before{bottom:auto;left:auto;margin-left:0; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); right:-8px; top:50%; margin-top:-5px;} .choosenav{ padding-top:0} .topproduct dt{float:left;width: 42.5%;overflow:hidden;} .topproduct dt img{width: 82.2%;float:right;} .topproduct dd{width: 48.8%;float:right;padding-top: 5.3%;} /*产品详情*/ .picscroll{ margin:0} .scrollbox{ margin-top:0} .detailpic{ float:left; width:52.88%} .detailtxt{float:right;width:43.31%;min-height:293px;display: table;} .detailtxt h2{ padding-top:0} .overflow-auto{ overflow:hidden;} .proul li{width:25%;font-size: 20px;} .tablexi{width: 47%;float:left;} .tablexi:nth-child(2n){ float:right} .tablexi th{ padding-left:20px;} .xiul li{ width:25%;} .gongzuo,.shiyong{margin: 0 -10px;} .gongzuo li,.shiyong li{padding-left: 10px;padding-right: 10px;width:25%;} /*解决方案*/ .rightbread .commonweb p{ display:none; float:left;width: 100%;} .rightbread p{ float:right;} .breadnav{ float:left; width:auto;} .sonav{ padding-top:27px; padding-bottom:24px; display:block !important;} .sonav a.cur{color:#fff;background:#207A7C;border-color: #207A7C;} .sonav a{padding:0 13px;border: 1px solid #bfbfbf;margin:0px 10px;display: inline-block;} .rightbread p{ margin-top:20px;} .sodl h2{ padding-top:0} .sodl dt{ float:left; width:41.72%} .sodl dd{float:right;width: 53.8%;display:table;} .usearea{ overflow:hidden;} .useul{ margin:0 -5px;} .useul li{ width:20%;padding-left:5px; padding-right:5px; margin-right:0} .usedl dt{ float:left; width:52.43%;} .usedl dd{ padding:0; float:right; width:42.21%; min-height:204px; display:table} .backdl dt{ float:left; width:50.16%;} .backdl dd{ padding:0; float:right; width:47.16%;display:table;min-height:207px;} .backdl h2:nth-of-type(1){ padding-top:0} .phonsolu ul li{ width:25%;} .theul li{ width:33.333%} /*应用案例*/ .areasort{ position:relative; padding-left:118px;} .areasort span{position:absolute; left:0; top:0;} .areasort p{ margin:0} .appdetail{ float:right; width:41%} .PCapp{ float:left; width:59%;} /*合影*/ .photochina li{width: 33.33%;} .photochina li:nth-of-type(6n),.photochina li:nth-of-type(6n-5){/* width: 44.8%; */} /*出货*/ .left{ float:left; width:81.49%;} .right{width: 18.51%;position: absolute;right: 0;top: 0;height: 100%;padding:33px 0;margin-top: 0;} .right .swiper-wrapper{ width:100%;} .huobtn{width:38px;height:23px;background-size:38px auto;margin:0 auto;left:50%;margin-left:-19px;margin-top: 0;} .huoprev{ background-image:url(img/t.png); top:0} .huonext{background-image:url(img/b.png);bottom:0;top: auto;} .huoprev:hover{ background-image:url(img/th.png);} .huonext:hover{ background-image:url(img/bh.png);} .right img{top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position: relative;} .huoswiper{padding: 0 0 0 15px;} .huoswiper li.cur:before{content:"";width:0;height:0;position:absolute;left:-15px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:15px solid #207A7C;top:50%;margin-top: -10px; -webkit-transform: none; -ms-transform: none;transform: none;margin-left: 0;} .pingprev,.pingnext{width:23px;height:38px;margin-top:-19px;left: 0;margin-left: 0;background-size: 23px auto;} .pingnext{right:0;left: auto;} .kehu li.swiper-slide-next img{ -webkit-transform:scale(1.4); -ms-transform:scale(1.4); transform:scale(1.4);} .kebox{padding: 5% 0;max-width: 1083px;margin: 0 auto;} .kehu{ padding:0 30px;} .kehu li.swiper-slide-next p{ -webkit-transform:translateY(120%); -ms-transform:translateY(120%); transform:translateY(120%);} .kehu .pingprev,.kehu .pingnext{ margin-top:-4%; display:block;} .kehu li p{ opacity:0; padding-top:5px;} .kehu li.swiper-slide-next p{ opacity:1} /*行业资讯*/ .boxleft{float:left;width: 73.05%;} .boxright{ float:right; width:23.21%;} .newimg{ float:left; width:25%} .newintro{ float:right; width:73%;} .newintro h2{ padding-top:0} .boxleft .page{text-align:left;padding-bottom: 0;} .newul li:first-child .newimg{width:39.63%;} .newul li:first-child .newintro{width:56.66%;} /*视频*/ .videolist dt{ position:absolute; left:0; height:100%; top:0;width:35.59%;} .videolist dt img{ height:100%; width:auto;} .videolist dd{float:right; width:63%; padding-right:15px; min-height:189px;} .videolist{ margin-top:-25px;} .insearch{ margin-top:0} .faq{ margin-top:-20px;} .videolist,.newul{ margin-top:0} /*搜索结果*/ .result-in{ float:left; height:46px; border:1px solid #ccc;} .result-bt{width:111px; text-align:center; } /*发展历程*/ .imtop,.imbottom{ margin:0 auto;} .improbox:before{left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);} .imul li{padding-right:120px;width:50%;padding-top:21px;padding-left: 0;display: inline-block;vertical-align: top;} .imul li:nth-of-type(1){ margin-top:0} .imul li:nth-child(2n){padding-right:0;padding-left:120px;margin-top: 125px;} .imdate{right:-45px;left:auto;top: 45px;} .imul li:nth-child(2n) .imdate{ right:auto; left:-45px;} .imdate:before,.imdate:after{ content:""; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} .imdate:before{box-sizing:border-box;-webkit-border-radius:100%;-ms-border-radius:100%;border-radius:100%;border:1px solid #727272;width:17px;height:17px;left: -57px;} .imdate:after{height:1px;width:40px;background:#727272;right: 100%;} .imul li:nth-child(2n) .imdate:before{right: -57px;left: auto;} .imul li:nth-child(2n) .imdate:after{left: 100%;right: auto;} /*公司简介*/ .aboutbox dl, .aboutbox ul{ position:relative} .aboutbox dt, .aboutbox ul li:first-child{float:left;width:50%;position:absolute;left:0;top:0;height: 100%;overflow:hidden;} .aboutbox dd, .aboutbox ul li:last-child{ float:right; width:50%;} .aboutbox dl:nth-child(2n) dt, .aboutbox ul:nth-child(2n) li:first-child{ left:auto; right:0} .aboutbox dl:nth-child(2n) dd, .aboutbox ul:nth-child(2n) li:last-child{ float:left} .aboutbox dt img, .aboutbox ul li img{ height:100%; width:auto;} /*合作伙伴*/ .hezuo .partul li{ width:20%;} /*营销网络*/ .salelist li{width:50%;border-right:1px solid #c8c8c8;padding-right: 6.8%;display:inline-block;vertical-align: top;} .salelist li:nth-of-type(2){ border-top:none} .salelist li:nth-child(2n){border-right:none;padding-right: 0;padding-left: 6.8%; } .salelist li:nth-of-type(9){ height:218px} /*加工系统*/ .sysintro dt{ float:left; width:50.32%} .sysintro dd{ float:right; width:45.05%; display:table; min-height:287px; padding:0} .sysintro{ padding-bottom:30px;} .sepcial{padding-left: 4.87%;} .sepcial dt{float:left;width: 50.4%;} .sepcial dd{float:right;width: 44.35%;padding:0;display:table;} .ying{ padding-left:30px; padding-right:30px;} .ying dt{ float:right; width:42.37%} .ying dd{ width:43.2%; float:left;} .yuanli dt{ float:left; width:40.42%;} .yuanli dd{float:left;width:59.58%;display:table;padding-left: 5.1%;padding-right: 5.1%;} .tableul li{ display:inline-block;width:50%; vertical-align:top} /*服务*/ .knowtop span,.knowul{ float:left; width:50%} .knowlist .knowul:nth-of-type(1){ padding-right:20px;} .imggg{ float:left; width:33.2%} .checkbox{ float:left; width:33.4%; padding-left:20px;} .checkbox h2{ padding-top:0} .baotxt h2{ padding-top:0} .baoimg{ float:left; width:39.04%;} .baotxt{ float:right; width:57.8%; display:table} .yangbox{ margin-top:47px; padding:25px} .yangbox li{ padding-left:54px; margin-top:25px;} .yangbox li em{width:36px;height:36px;line-height:36px;top: -5px;font-size:24px;} .download dt{ float:left; width:25.05%} .downtxt{ float:left; width:52%; padding-left:20px;} .downtxt h2{ padding-top:0} .downbtn {float:right;} .viewnum, .todown{margin-top:20px;float: none;} .trainway span{ margin:20px 20px 0} .trainbox dt{ float:left; width:32.55%;} .trainbox dd{float:right;width:63.8%;padding-right:30px;display: table;} .trainbox dl:nth-child(2n) dt{ float:right; width:45.54%;} .trainbox dl:nth-child(2n) dd{ float:left; width:52.35%; padding-left:40px; padding-right:0} .trainbox dl{ margin-top:40px;} .saledl dt{ float:left; width:37.42%;} .saledl dd{float:right;width:59.41%;padding-right:30px;padding-left: 0;padding-bottom: 0;padding-top: 0;} .subsale{ width:47.89%; float:left; height:212px;} .dalebox .subsale:nth-child(2n){ float:right;} .salesale{margin: 0 -13px;} .salele{width:33.3333%;float:left;padding: 0 13px;} .subafter{ height:266px;} .beforesaledl dt{ float:left; width:37.99%;} .beforesaledl dd{display:table;float:right;width: 58.8%;padding-right:20px;min-height:188px;padding-top:0;padding-bottom:0;} .beforeul{ margin:0 -15px;} .beforeul li{ padding-left:15px; padding-right:15px; width:50%; float:left;} .subbefore{min-height:208px;} .sublist{ width:25%;} /*网站地图*/ .webmap dl{padding: 0 0 0 180px;} .webmap dt{ position:absolute; top:0; left:0; height:55px; line-height:55px; border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1} .webmap dd a{ line-height:55px;} .webmap dd{ padding-top:0; padding-left:20px;} .float li a{ width:58px;} .float li:last-child span{bottom: 13px;} .float a p{ line-height:56px;} .contact-map{ height:350px;} .mapul li{ float:left; width:48.25%; height:210px;} .mapul li:nth-child(2n){ float:right;} .indexsolution{ display:block;} .sysytxt{ font-size:14px;} .text{ margin-top:25px} .subproul img{ width:53px;} .proul li:after{ height:150px;} .bread p{ height:45px; line-height:45px; margin-top:0; padding-left:32px;background: url(img/home.png) left center no-repeat; font-size:12px;} } @media (min-width: 991px){ .zong h2{ padding-top:0} .allweb{ padding-top:127px;} .tablexi td{ padding-top:10px; padding-bottom:10px;} .tablexi{ font-size:15px;} .inleft li .td a{font-size:16px;color:#666;position:relative;display: inline-block;margin-top: 15px;} .foot{ padding-top:20px;} .indexlast,.sub-foot{ display:block;} .subprotxt{ font-size:14px;} .protxt h2{ font-size:18px; padding-bottom:15px;} .indexlast li h2{ font-size:18px;} .sublast{ font-size:14px;} .inleft li{padding-left:147px;font-size: 14px;height: 124px;} .inleft li .inname{ width:124px; height:124px; background-size:39px auto; font-size:18px; top:-13px; background-position:center 24px; padding-top:72px;} .sysimg{ width:76px; margin:0 auto 6px;} .sysimg img{ width:76px;} .insolution{ overflow:inherit} .subinsolu{ height:auto !important; position:absolute; left:0; padding-top:95px !important;} .subinsolu.cur{ -webkit-transition:all 1s cubic-bezier(0, 0, 0.33, 1.02) 0.25s; -ms-transition:all 1s cubic-bezier(0, 0, 0.33, 1.02) 0.25s; transition:all 1s cubic-bezier(0, 0, 0.33, 1.02) 0.25s; } /*foot*/ .foot{padding-top: 45px;} .foot-link{float:left;border-bottom:none;height: auto;overflow:visible;padding-right: 6.2%;-webkit-transition:all .3s ease;transition:all .3s ease;} .sub-foot .foot-link:last-child{ padding-right:0} .sub-foot{padding-bottom: 25px;overflow:hidden;float: left;width: 100%; position:relative} .sub-foot:before{content:"";width:2px;height:164px;position:absolute;background:#464646;right:0;bottom: 49px;} .sub-foot dt{font-size: 16px;line-height:24px;margin-bottom: 20px;padding-top: 10px;} .sub-foot dd a:hover,.footcopy p a:hover{color: #207A7C;} .footphone .phonnn:hover{ background: #207A7C; color:#fff} .sub-foot dt:after{ display:none;} .sub-foot dd{ visibility:visible; z-index:1; top:0; position:static; padding-bottom:0;-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;transform: none;} .sub-foot dl{ position:relative; left:50%; -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); float:left;border-bottom:none} .foot>.commonweb{ position:relative; padding-right:26%; -webkit-transition:all .3s ease; transition:all .3s ease;} .footcode{position:absolute;right:15px;top: 15px;padding-right: 0;width: 23%;margin: -15px 0 0;} .foot .foot-link:nth-of-type(1) dl{ -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; left:0;} .footcopy{ margin-top:10px;} .footcopy span{} .navhead{ padding-top:19px;} .head{height:auto;position: absolute;background: none;} .logo{padding-top: 3px;} .banner-slide .flex-control-nav li{ margin:0 6px;} .fon30{ font-size:24px;} .sysytxt p{ padding:0 25px;} .indexsolution .commonweb{ padding-left:250px;} .insolunav{ position:absolute; height:100%; left:0; width:250px; top:0; display:table; overflow:hidden;} .insolunav ul{ display:table-cell; vertical-align:middle;} .insolunav ul li{float:none;padding-left:78px;background-position:28px center;border-bottom:1px solid rgba(255,255,255,.1);border-right:none;width: 100%;} .indexsolution{ height:668px;} .subinsolu{ padding-left:12.5%;} .index-about-con li{ padding:0 50px;} .btnplay img{ width:84px;} .indexul{ padding-right:75px;} .thismore{ position:absolute; right:5px; bottom:-2px} .subfcon{ width:auto; border-right:1px solid #d5d5d5; padding-left:60px; padding-right:15px; padding-top:7px; padding-bottom:7px; margin:0} .subfcon:last-child{ border:none;} .subfcon img{ left:15px; top:7px;} .footcontact{ padding:20px 0} .videocon { width:800px;} .videocon .thevideos{ height:600px;} .codebox{ position:relative;} /*产品中心*/ .inbanner h2{ width:135px; height:50px; line-height:50px;} /*产品详情*/ .detailpic .pagebox{position:absolute;width: 47.12%;right:15px;bottom:0px;padding-left: 25px;} .product-details-nav{ margin-top:15px;} .product-details-nav.addfixed{ top:77px;} .xitit img{ height:75px !important} .xiul{ margin:0 -30px;} .xiul li{ padding-left:30px; padding-right:30px} /*解决方案*/ .rightbread .commonweb p{ display:block;} .sodl dd{ min-height:290px;} .useul{ margin:0 -10px;} .useul li{padding-left:10px; padding-right:10px;} .usedl dd{ min-height:275px;} .backdl dd{ min-height:280px;} .theul{ margin:25px auto -10px;} .theul li{padding-left:10px; padding-right:10px; margin-top:20px;} .theul .sysimg,.theul .sysimg img{ width:96px;} /*应用案例*/ .areasort a{ padding:0 25px;} .areasort a i{ padding-bottom:3px;} .app .pagebox {position:absolute;padding: 0 40px;right:0;bottom: 6px;width:41%; z-index:5} .PCapp .lSSlideWrapper .lSPrev, .PCapp .lSSlideWrapper .lSNext{ display:block;} .appdetail{ padding:0 25px 145px 22px;} .appdetail h2{ font-size:32px;} .kehu li.swiper-slide-next p{-webkit-transform: translateY(165%);-ms-transform: translateY(165%);transform: translateY(165%);} /*行业资讯*/ .newintro h2{padding-top: 20px;} .newmore{ margin-top:5px;} .newul li:first-child .newmore{ margin-top:23px;} /*激光图片*/ .subpiclist ul li{ padding-bottom:120px;} /*视频*/ .videolist dt{ position:relative; float:left} .videolist dt img{ width:100%; height:auto;} /*搜索结果*/ .result{padding: 58px 0 22px;} .result span{ font-size:30px; line-height:46px; float:left;} .result-in{ float:left; height:46px; border:1px solid #ccc; -moz-border-radius:4px;width:480px; margin-left:32px; margin-right:13px;} .result-bt{font-size:20px;} .the-result{ font-size:18px;} .result-ul li { padding-right:118px;} .result-ul li h2{ font-size:18px; } .result-a{ position:absolute; right:0; top:50%; margin-top:-15px;} .result-ul{ padding-bottom:20px;} /*发展历程*/ .imul{ height:980px; overflow:hidden} /*公司介绍*/ .aboutdl dt{ float:right; width:35%;margin-left: 2%;} .aboutdl dd{} .aboutbox dt{float:right;position:static;left:0;top:0;height: 100%;overflow:hidden;} .aboutbox dl:nth-child(2n) dt{ float:right} .aboutbox dl:nth-child(2n) dd{ float:left} .aboutbox dt img{ width:100%; height:auto;} /*招贤纳士*/ .joblist h2{font-size:24px;padding-bottom: 15px;padding-top: 26px;} .jobdetail{padding: 30px 38px;} /*加工系统*/ .sysintro dd{ min-height:399px} .sepcial dd{ min-height:310px} .yuanli dd{ min-height:311px;} /*服务*/ .checkbox{ padding-left:40px;} .download dl{ padding:25px;} .trainway span{max-width: 204px;height:74px;line-height:74px;margin: 30px 20px 0;font-size:30px;} .trainbox dd{ min-height:284px;} .saledl dd h2{ padding-top:10px} .subafter{ height:220px;} .beforesaledl dd{ min-height:252px;} .subbefore{min-height: 160px;} /*网站地图*/ .webmap dt{ border-bottom:none;} .indexfoot .footcopy p{ display:block;} .footcopy a{ display:inline-block} .logo img{ width:157px;} .thishome{ display:none;} .contact-map{float:left;width:55%;height: 512px;} .contact{} .mapul li{ margin-top:40px;} .insolunav ul li:hover, .insolunav ul li.cur{padding-left: 90px; background-position: 40px center;} .systitle h3{ font-size:18px;} .knowul li{ padding-top:18px;} .knowul li em{top:18px;} /*20181122*/ .subweb{min-height:128px;padding-left: 100px;} .subweb h2{font-size:20px;width:36px;left: 34px;} } @media (min-width: 1100px){ .foot-link{padding-right: 8%;} } @media (min-width: 1253px){ .subtbox:hover p a{ color:#207A7C} /*20181122*/ .shweb{ margin-top:68px; margin-bottom:68px;} .subweb{ padding-top:28px; padding-bottom:28px; padding-left:127px; padding-right:35px; min-height:152px;} .subweb h2{ font-size:22px;} .webweb{ font-size:16px; line-height:36px; margin-top:-4px;} .webweb a{ margin-right:23px;} .webweb a:hover{ color:#ff6800} .pimg img{ padding-top:20px; padding-bottom:20px;} .xiul li img{ width:100%;} .banner-slide img{ width:auto; height:100%;} .inleft li .td a:hover{ color:#ff6800} .index-system .indextitle a:hover h2,.index-system .indextitle a:hover .indexp{ color:#ff6800} .navul li:last-child .pcsec{ right:auto; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);} .navhead{padding-top: 29px;} .fon30{ font-size:30px;} .indextitle{ padding-top:66px;} .sysimg{ width:76px;} .thesysy{ margin:0 -15px;} .thesysy li{padding-left:15px; padding-right:15px;} .thesysy li{ margin-top:47px;} .index-system{ padding-bottom:70px;} .protxt h2{ font-size:24px;} .subpro{ width:50%; display:inline-block; vertical-align:top; border-bottom:none; border-top:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding-top:30px; padding-bottom:30px;} .index-pro .subpro:nth-of-type(2){padding-right: 0;border-right:none;} .index-pro .subpro:nth-of-type(2) .proimg{ float:left;} .index-pro .subpro:nth-of-type(2) .protxt{left:auto;right:0;} .index-pro .subpro:nth-of-type(3) .proimg{ float:right;} .index-pro .subpro:nth-of-type(3) .protxt, .index-pro .subpro:nth-of-type(4) .protxt{ right:auto; left:0; padding-left:45px;} .index-pro .subpro:nth-of-type(4){ border-right:none; padding-right:0} .index-pro .subpro:nth-of-type(3) .proimg, .index-pro .subpro:nth-of-type(4) .proimg{ width:50%} .theintro h2{ font-size:36px;} .somore{width:162px; height:43px; line-height:41px; margin-top:22px;} .subincase{ margin:0 -15px;} .subincase img{ padding:0 15px;} .subincase a img{/* width:160px; */} .incase{ padding-top:47px;} .index-about-con ul{ margin:0} .index-about-con li{ padding:0 77px; width:auto;} .indexahout{ padding-top:40px;} .inright{margin-top: 29px;} .why{ padding-bottom:105px;} .subthis{ margin:0 -11px;} .thisbox{ padding-left:11px; padding-right:11px;} .thisbox h2{ font-size:24px; padding-bottom:20px;} .subtbox a{ font-size:16px;} .subthis{ padding-top:39px;} .thismore{ right:11px;} .indexthis{ padding-bottom:73px;} .subfcon{ padding-left:105px; padding-right:60px;} .subfcon img{ left:60px; top:7px;} .videocon .thevideos{ height:600px;} .indexlast{ padding-top:23px;} .sublast{ background-size:70px auto; padding-left:95px; height:73px; padding-top:12px;} .footcode{right:0;padding-right:118px;width: auto;margin: 0;} .foot>.commonweb{padding-right: 398px;} .foot-link{padding-right: 9%;} .footabout{width: 235px;} .footphone{ font-size:17px;} .footphone p:last-child{ font-size:16px !important;} .codebox{ position:absolute;} /*产品中心*/ .inbanner h2{font-size:30px;width:223px;height: 90px;line-height: 90px;} .bread p{ height:60px; line-height:60px; font-size:13px;} .type h2{ font-size:22px;} .type{ left:0} .subchose { padding:29px 0} choosenav a{ margin-right:70px} .choose .subchose:last-child .choosenav a{ margin-right:45px;} .topproduct h2{ font-size:24px;} .topproduct h3{ font-size:18px; padding-top:15px; padding-bottom:11px;} .producttxt h2{font-size:18px;padding-top: 24px;} .producttxt h3{ margin-top:6px; margin-bottom:3px;} .prolist{ margin:0 -px;} .prolist li{ padding-left:px; padding-right:13px;} .producttxt{ padding:0} .prolist a{ padding-bottom:21px;} .indetit h2{ font-size:20px;} .showlist li a{ font-size:18px;} .showlist{ margin:0 -16px; padding-top:20px;} .showlist li{ padding-left:16px; padding-right:16px;} .proshow{ padding-bottom:80px;} .showmore{ width:170px; height:44px; line-height:44px;} /*产品详情*/ .detailtxt{ font-size:18px; line-height:30px; min-height:350px;} .detailtxt h2{font-size:36px;padding-bottom: 16px;} .detailpic .pagebox{ right:0; padding-left:10px;} .product-details-nav a{font-size:18px;height:60px;line-height:60px;padding: 0 36px;margin-right:10px;} .proul li{font-size:28px;padding-bottom: 16px;} .text{ margin-top:53px;} .proul li:after{ height:190px;} .proul{padding-top:126px;margin: 0 -52px; padding-bottom:72px} .tablexi td{ padding-left:35px;; border-left:27px solid #fff;} .tablexi th{ padding-left:33px; max-width:250px;} .tablexi{ font-size:18px; margin-top:30px} .xiangxi{ padding-bottom:0px;} .xiul{ margin:0 -62px; padding-bottom:0px;} .xiul li{ padding-left:62px; padding-right:62px} .xitit{ padding-top:44px; padding-bottom:17px;} .gongzuo{margin:0 -40px;padding-bottom:0px; padding-top:34px;} .subgong{ padding-top:58px; padding-left:30px; padding-right:30px; padding-bottom:30px; min-height:394px} .gongzuo li{ padding-left:40px; padding-right:40px;} .gongzuo li img{ margin-bottom:45px; width:145px;} .shiyong{margin: 0 -49px; padding-bottom:0px;} .shiyong li{padding-left: 49px;padding-right: 49px; font-size:18px; line-height:67px;} /*解决方案*/ .sonav a{ padding:0 20px;} .rightbread p{ margin-top:0px;} .sonav a:hover{ color:#fff; background:#207A7C;} .thirdnav a:hover{ background:#7e7e7e; color:#fff; border:1px solid #7e7e7e} .pt55{ padding-top:55px;} .sodl h2{ font-size:36px;} .sodl dd{ min-height:359px;} .solution{} .touse .indetit{ padding-bottom:10px;} .useul{margin: 0; padding-top:63px;} .useul li{padding-left: 25px;padding-right: 25px;} .yuan h3{ font-size:30px;} .yuan{ width:160px; height:160px; margin-bottom:26px;} .usedl dd p{ font-size:24px; line-height:36px;} .usedl dd{ min-height:341px;} .usedl dd p:before{ top:14px;} .touse{ padding-bottom:75px;} .usedl{ padding-top:59px;} .thecase li a{ font-size:18px;} .thecase li p{ margin-top:34px;} .thecase{ margin-top:70px;} .case-next,.case-prev{width:56px;height:56px;margin-top: -29px;} .case-next{left: -80px;} .case-prev{right: -80px;} .usecase{ padding-bottom:73px;} .retxt h3{ text-align:center; font-size:15px; padding-top:6px; padding-bottom:6px;} .reproduct{ margin-top:30px;} .related{ } .backdl dd{ min-height:347px;} .backoff{} .backdl{ padding-top:41px; font-size:14px;} .backdl h2{ font-size:24px; padding-bottom:6px; padding-top:23px;} .phonsolu{ margin-top:-27px;} .theul{ padding-bottom:115px;} .theul li a{ padding-top:44px; height:250px;} .theul li h2{ padding-top:19px;} /*应用案例*/ .areasort{margin-top: 53px;} .areasort a:hover{ color:#207A7C} .areasort a:hover i{ border-bottom-color:#207A7C} .app{min-height:599px;margin-top: 50px;} .appdetail h2{font-size:48px;padding-top: 36px;margin-bottom: 31px;} .pb50{ padding-bottom:98px;} /*合影*/ .photo{ padding-top:43px;} .foreignul{ margin:-6px -12px 0;} .foreignul li{padding-left:12px;padding-right:12px;font-size:18px;margin-top: 40px !important;} /*出货*/ .chuhuo{ padding-top:43px; padding-bottom:62px;} .huobox{ margin-top:37px;} .pingimg{ margin-top:34px;} .keall{ padding-top:50px; padding-bottom:95px;} .kehu{ margin-top:31px;} .kebox{ font-size:18px;} .kebox p{ padding-top:10px;}.kehu li.swiper-slide-next p{-webkit-transform: translateY(194%);-ms-transform: translateY(194%);transform: translateY(194%);} /*新闻资讯*/ .newcasebox .case-next{ left:-85px;} .newcasebox .case-prev{ right:-85px;} .newintro h2{ font-size:26px;} .newul li a:hover h2{ color:#207A7C} .newul li a:hover .newmore{ background:#207A7C} .newintro h2{padding-top: 0px;} .newul li:first-child .newintro h2{padding-top: 26px;} .box{padding-top:40px;} .border{ padding:0 25px;} .border h2{font-size:24px;line-height:62px;} .thenew a:hover{ color:#207A7C} .newtitle h1{font-size: 30px;} .detailbox{line-height:30px;font-size:15px;padding-bottom: 50px;} .back:hover{ opacity:.75} .pt20{padding-top: 20px;} /*激光图片*/ .pictures h2{ font-size:30px; top:29px;} .subpiclist{ padding-top:100px;} .allpics ul{/* margin:0 -12px; */} .allpics li{/* padding-left:12px; *//* padding-right:12px; */padding-bottom:24px;} .allpics .page{ padding-bottom:63px;} /*视频*/ .thevideotxt h2{font-size:24px;padding-bottom: 7px;} .cideodate{font-size:18px;} .videolist dd{ width:60.37%; padding:0 170px 0 0} .cideodate{position:absolute;top: 50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:78px;border-left:1px solid #dbdbdb;padding-left:46px;width:138px;right:0;text-align:center;padding-top: 9px;} .cideodate i:after{ display:none;} .cideodate i{display:block;border-bottom:1px solid #207A7C;padding-bottom: 3px;margin-bottom: 2px;width:60px;font-size: 24px;} .cideodate span{ margin:0; display:block; width:60px;} .thevideotxt{ min-height:228px;} /*知识问答*/ .box .thirdnav{ padding-bottom:65px;} .faq h2{padding-top:15px;padding-bottom:0px;} .answer{ padding-top:23px; background-position:left 19px; padding-bottom:22px;} .faq{ margin-top:-28px;} /*搜索结果*/ .result-list{ padding:0 0 60px 0;} /*发展历程*/ .imtop,.imbottom{ width:58px; height:58px; background-size:25px auto;} .imdate{ width:106px; height:48px; line-height:48px; font-size:26px; top:52px; right:-53px;} .imul li{ padding-right:157px;} .imul li:nth-child(2n){ padding-right:0; padding-left:157px;} .imul li:nth-child(2n) .imdate{left:-53px;} .imdate:before{left: -75px;} .imdate:after{width:58px;} .imul li:nth-child(2n) .imdate:before{right: -75px;} .imul{ height:1887px;} /*公司介绍*/ .about{ padding-top:50px; padding-bottom:90px;} .aboutdl{ padding-bottom:76px;} .aboutdl h1{font-size:30px;padding-top: 19px;padding-bottom: 13px;} .aboutbox h2{font-size:30px;padding-bottom: 13px;} .subabouttxt{font-size:16px;max-width: 480px;} .aboutbox dd{ position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:0; padding-left:3.5%} .aboutbox dl:nth-child(2n) dd{right:auto;left:0;padding-left: 21%;padding-left: 6%;} .aboutlast{ padding-top:50px;} .aboutlast h2{font-size:30px;padding-bottom: 30px;} /*合作伙伴*/ .partner{ padding-bottom:82px;} .partner .indetit{ padding-top:43px;} .partul{ margin:0 -13px; padding-top:20px;} .partul li{ padding-left:13px; padding-right:13px; margin-top:26px;} .hezuo .partul{ margin:0 -10px; padding-top:0} .hezuo .partul li{ padding-left:10px; padding-right:10px; margin-top:20px;} .hezuo h3{ font-size:30px;} .hezuo .indetit{ padding-bottom:26px;} .partnerdetail{ padding-top:47px;} .partnerdetail .detailbox{ font-size:14px;} /*荣誉资质*/ .honor{ padding-top:62px;} .honorbox .case-next{ left:-80px;} .honorbox .case-prev{ right:-80px;} .honorbox{ padding-top:6px;} .zhaunli{ padding-top:66px; padding-bottom:79px;} .zhuanbox .case-next{ left:0;} .zhuanbox .case-prev{ right:0;} .zhaunli .indetit{ padding-bottom:32px;} /*营销网络*/ .sale{ padding-top:56px;} .salemap{ padding-top:76px;} .salelist h2{ font-size:30px; padding-bottom:12px;} .salelist h3{font-size:18px;} .salelist li{padding-top:25px;padding-bottom:36px;min-height: 182px;} .salelist li:nth-of-type(9){ height:auto} .joblist{ padding-bottom:81px;} /*加工系统*/ .sysintro dd h2{ font-size:30px; padding-bottom:30px;} .sysintro dd{ line-height:30px; min-height:495px;} .sysintro{ padding-bottom:87px;} .sepcial{ line-height:36px; padding-bottom:83px} .sepcial p:before{ top: 14px;} .sepcial dd{ min-height:384px} .ying h2{ font-size:24px;} .ying{ padding-left: 39px; padding-right: 105px; padding-top: 44px;} .yuanli{ padding-top:64px; padding-bottom:70px;} .yuanli dd{ font-size:16px; line-height:30px;} .yuanli dd{ min-height:386px;} .yuanli .indetit{ padding-bottom:10px;} .tableul{ margin-top:-25px; padding-bottom:75px;} .tableul li h3{ font-size:24px; padding-top:25px;} .tableul .tablexi th{ width:240px;} .tableul .tablexi{ margin-top:20px;} .model{ margin:0 -22px; padding-bottom:85px} .model li{ padding-right:22px; padding-left:22px;} /*服务*/ .service{ padding-top:50px; padding-bottom:90px;} .checkbox h2{ font-size:24px; padding-bottom:7px;} .checkbox{line-height:36px;margin-top: -6px;padding-left: 82px;} .baotxt h2{ font-size:24px;} .baotxt{ line-height:30px;} .baotxt{ min-height:344px;} .yangbox h2{ font-size:24px;} .yangbox.li30{ line-height:30px;} .yangbox.li30 li em{ top:-3px;} .download{ margin-top:-16px;} .download dl{ margin-top:37px;padding:38px 67px 38px 32px;} .downtxt{ padding-left:25px; width:47%; padding-top:4%} .downtxt h2{ font-size:24px; padding-bottom:14px;} .downbtn{ padding-top:15px;} .viewnum:hover,.todown:hover{ opacity:.75} .trainh2{ font-size:36px;} .trainbox{ margin-top:-10px;} .trainbox dl{ line-height:30px; margin-top:80px;} .trainbox dd{ min-height:353px;} .trianp{padding-left:62px;margin-top: 36px;} .trianp em{font-size:24px;width:44px;height:44px;line-height:44px;top: -9px;} .trainbox dd .trianp:nth-of-type(1){ margin-top:24px;} .phonenumm i{ font-size:30px;} .saledl{ line-height:30px;} .saledl h2{ font-size:30px;} .saledl dd{min-height:329px;display: table;} .salep p em{ top:2px;} .subsale h2{ font-size:30px;} .subsale{ margin-top:55px; padding:25px 38px; height:255px;} .dalebox .salep{ margin-top:-3px;} .dalebox .salep p{ margin-top:34px;} .aftersale h2{font-size:30px;padding-top: 49px;} .subafter{line-height:30px;padding-left: 30px;height: 266px;padding-right: 30px;padding-top: 28px;margin-top: 33px;} .subafter h3{ font-size:24px; padding-bottom:13px;} .beforesaledl h2{font-size:30px;padding-bottom: 20px;} .beforesaledl dd{min-height:313px;padding-right: 40px;} .beforeul{margin:0 -32px;padding-top: 40px;} .beforeul li{padding-left:32px;padding-right:32px;margin-top: 38px;} .subbefore{padding-left:120px;min-height: 144px;} .num{ width:77px; height:70px; line-height:70px;} .num:before{ top:74px;} .num:after{ top:79px;} .subbefore h3{font-size:24px;padding-bottom: 6px;} .listsub{ padding-top:11px;} .otherlist{ padding-bottom:6px;} /*网站地图*/ .webmap{ padding-bottom:115px;} .webmap dd{ padding-left:45px;} .webmap dd a{margin-right: 65px;} .webmap dd a:last-child{ margin-right:0} .webmap dd a:hover{ color:#207A7C} .thesysy li a{ padding-top:60px;} .systitle{ height:113px;} .contact-map{height: 501px;} .zong h2{font-size:24px;padding-top: 0;} .subway h2{font-size:18px;padding-top: 11px;padding-bottom: 12px;} .mapul h2{font-size:24px;padding-bottom: 13px;padding-top: 28px;} .mapul li{ margin-top:66px; height:200px; padding:0 42px;} .somore:hover, .repro a:hover{ color:#fff; border-color:#207A7C; background:#207A7C} .footcopy a:hover,.indexul li a:hover h3{ color:#207A7C; } .thismore:hover{ text-decoration:underline} /*.repro a:hover span{background-image:url(img/newicon2.png);}*/ .subtbox:hover p{ color:#207A7C;} .subincase img:hover{ -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);} .hezuo .partul a{ cursor:default} .jobsend:hover{ background: rgba(255,104,0,.75);} .bread p{ font-size:14px;} .zong p a:hover,.bread p a:hover{ color:#207A7C;} .zong p a:hover img{ opacity:.8} .sysimg p img:nth-of-type(1){ display:inline-block} .thesysy li:hover .sysimg p{ -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%);} .sysimg p{ -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%);} .theul .sysimg p{ -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;} } @media (min-width: 1450px){ .case-next{ left:-110px;} .case-prev{ right:-110px;} } @media (min-width: 1600px){ .indexmore{width:162px; height:43px; line-height:43px;} .subprotxt p a:before{ top:14px;} .protxt{/* line-height:36px; */} .protxt h2{ padding-bottom:8px;} .index-pro .subpro:nth-of-type(3) .protxt, .index-pro .subpro:nth-of-type(4) .protxt{left:35px;} .index-pro .subpro:nth-of-type(3), .index-pro .subpro:nth-of-type(4){/* padding-right:90px; */} .subpro{ padding-top:50px; padding-bottom:50px;} body .bd_weixin_popup{ width:270px !important; height:335px !important} .addbox,.thatbox,.otherbox{ width:100%; overflow:hidden;} .hshbox{ position:relative;max-width: 1194px; margin:0 auto;} .footway a:hover{color:#207A7C} .footway p:nth-of-type(1) a:hover{color:#707070} .indexmore{width:162px; height:43px; line-height:43px;} .subprotxt p a:before{top: 8px;} .protxt{/* line-height:36px; */} .protxt h2{ padding-bottom:8px;} .index-pro .subpro:nth-of-type(3) .protxt, .index-pro .subpro:nth-of-type(4) .protxt{left:35px;} .index-pro .subpro:nth-of-type(3), .index-pro .subpro:nth-of-type(4){/* padding-right:90px; */} .subpro{ padding-top:50px; padding-bottom:50px;} } body .bd_weixin_popup{ width:270px !important; height:335px !important} .addbox,.thatbox,.otherbox{ width:100%; overflow:hidden;} .hshbox{ position:relative;max-width: 1194px; margin:0 auto;} .footway a:hover{color:#207A7C} .footway p:nth-of-type(1) a:hover{color:#707070} .hate{ width:100%; overflow:hidden; padding-bottom:50px;} .model li{ padding:0 !important} .model li img{ max-width:none} .model{ margin:0; padding:0} .hate-page{ text-align:center;} .hate-page span{ display:inline-block; -webkit-border-radius:100%; -ms-border-radius:100%; border-radius:100%; width:10px; height:10px; margin:0 2px; cursor:pointer; background:#ccc;} .hate-page span.swiper-pagination-bullet-active{ background:#207A7C} .shiyong li{ padding:0 !important; float:none} .again{ display:block; width:100%; overflow:hidden; padding-bottom:50px;} .shiyong{ padding-bottom:10px; width:100%; margin:0;} .footway a:hover{color:#207A7C} .footway p:nth-of-type(1) a:hover{color:#707070} .hate{ width:100%; overflow:hidden; padding-bottom:50px;} .model li{ padding:0 !important} .model li img{ max-width:none} .model{ margin:0; padding:0} .hate-page{ text-align:center;} .hate-page span{ display:inline-block; -webkit-border-radius:100%; -ms-border-radius:100%; border-radius:100%; width:10px; height:10px; margin:0 2px; cursor:pointer; background:#ccc;} .hate-page span.swiper-pagination-bullet-active{ background:#207A7C} .shiyong li{ padding:0 !important; float:none} .again{ display:block; width:100%; overflow:hidden; padding-bottom:50px;} .shiyong{ padding-bottom:10px; width:100%; margin:0;} .logosmall{display:none;} .lasts .commonweb>p{ margin-top:-3%; margin-bottom:2%;} .subtbox p a{ display:block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .subtbox a{ cursor: pointer;} .pictures .case-pagination{margin-top:-5px; padding-top:0; margin-bottom:20px;} @media (max-width: 769px){ .isStuck{max-width: 100%;} .head{ background:rgba(255,104,0); background:#fff;} .menu span{background:rgba(255,104,0,1);} .head.bc{ background:rgba(255,104,0,.8); background:rgba(255,255,255,.8)} footer{ background:rgba(255,104,0,.75); } .logo a img:nth-of-type(1){ display:none;} .logosmall{ display:block;} } @media (max-width: 480px){ .hate-page { height:27px; overflow:hidden; position:relative;} .hate-page:after,.hate-page:before{content:".";font-size: 31px;color: #888; display:inline-block; position:relative; top:-2px;} .hate-page span{background: #207A7C !important;} .pictures .case-pagination,.honor .case-pagination{ height:27px; overflow:hidden; position:relative; padding-top:0;} .pictures .case-pagination:after,.pictures .case-pagination:before{content:".";font-size: 31px;color: #888; display:inline-block; position:relative; top:-2px;} .honor .case-pagination{ height:27px; overflow:hidden; position:relative;} .honor .case-pagination:after,.honor .case-pagination:before{content:".";font-size: 31px;color: #888; display:inline-block; position:relative; top:-2px;} .footcopy>p{ display:none;} .photo .case-pagination{ position:relative; top:-50px;} .foreign .case-pagination{ position:relative; top:-30px;} .photo .case-pagination,.foreign .case-pagination{ height:27px; overflow:hidden; position:relative; padding-top:0;} .photo .case-pagination:before,.foreign .case-pagination:before{content:".";font-size: 31px;color: #888; display:inline-block; position:relative; top:-2px;} .photo .case-pagination:after,.foreign .case-pagination:after{content:".";font-size: 31px;color: #888; display:inline-block; position:relative; top:-2px;} .photo .case-pagination span ,.foreign .case-pagination span { background: #207A7C !important;} } /*分页*/ .fenye {width:100%;text-align:center; margin:20px 0;} .fenye .xiaocms-page {display:inline-block;} .fenye .xiaocms-page a,.fenye .xiaocms-page span {display:inline-block;padding:0 13px;text-align:center;line-height:34px;margin:0 5px 10px 5px;border:#dddddd solid 1px;overflow:hidden;font-size:13px;color:#999999;} .fenye .xiaocms-page a:hover {background:#207A7C;color:#fff!important;border:#207A7C solid 1px;} .fenye .xiaocms-page span {background:#207A7C;color:#fff;border:#207A7C solid 1px;} .clearfix{zoom: 1;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;zoom: 1;} .headl, .headphone p{padding-bottom: 0!important;} /*留言*/ .form-box{margin-top: 66px;} .form-group{display: flex;align-items: center;padding-bottom: 20px;justify-content: space-between;} .half-width{width: 48.25%;} .width100{width: 100%;} .wbk{border:1px solid #d6d6d6;padding: 20px;font-size: 14px;} .an{background: #207A7C;color: #fff;line-height: 50px;padding: 0 30px;font-size: 14px;cursor: pointer;} .detailbox table.have-border{ border-collapse:collapse;border: 1px solid #fff; line-height:40px;table-layout:auto;white-space: nowrap;width: 100%;} .detailbox table.have-border .firstRow{background: #ccc;color: #000;} .detailbox table.have-border td, .detailbox table.have-border th{border-collapse:collapse; border: 1px solid #ddd; text-align:center;} .detailbox table.have-border th { font-weight:bold; font-size:16px; background-color:#ccc;} .detailbox table.have-border td p, .detailbox table.have-border th p{padding: 0;line-height: 40px;}